首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery

    jQuery特性 隐式迭代 链式编程,在于一个方法返回的是一个jQuery对象,既然是jQuery对象就可以点出jQuery的方法来 window.onload 资源加载完成时调用 $(function...获取和设置文本内容 text() 方法不写参数获取文本 text() 方法写参数设置文本 如果设置的文本中包含标签,是不会把这个标签给解析出来的$('#div1').text('我是新设置的文本我是链接') //我是新设置的文本我是链接 css() 设置和获取样式 获取样式属性值 $("#div1").css("width"); 设置的是行内样式$('#div1...需要转换为jquery对象 }) mouseover 事件在鼠标移动到选取的元素及其子元素上时触发 mouseenter 事件只在鼠标移动到选取的元素上时触发 以后如果有鼠标移入事件,请使用mouseenter...,而不是mouseover 鼠标离开事件使用mouseleave,而不是mouseout 案例-突出显示 案例-手风琴 淘宝服饰精品 index() $(‘li’).index() 获取li标签在兄弟元素间的索引值

    1.1K20

    Jquery基础之DOM操作

    把新建节点添加到DOM树中JQuery代码如下: ("ul").append(       添加后页面中只能看到元素默认的"·",由于没有为节点添加文本所以只显示默认符号,下面创建文本节点。...2、创建文本节点       使用JQuery的工厂函数$()同样能够创建文本节点,创建文本节点的JQuery代码如下: li2=("苹果");       代码返回$li2就是一个由...DOM对象包装成JQuery对象,把新建的文本节点添加到DOM树中JQuery代码如下: ("ul").append(       添加后页面中能看到"·苹果",右键查看页面源码发现新加的文本节点没有...3、创建属性节点       创建属性节点同元素节点、文本节点一样使用JQuery的工厂函数完成。...4、遍历节点操作children()、next()、prev()、siblings()和closest()       children()方法用于取得匹配元素的子元素集合,只匹配子元素不考虑任何后代元素

    9910

    jQuery基础

    选择器 筛选器 样式操作 文本操作 属性操作 文档处理 事件 动画效果 插件 each、data、Ajax 四、jQuery有哪些版本?...1.x:兼容IE678,使用最为广泛的,官方只做BUG维护,功能不再新增。...因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4 (2016年5月20日) 2.x:不兼容IE678,很少有人使用,官方只做BUG维护,功能不再新增。...如果不考虑兼容低版本的浏览器可以使用2.x,最终版本:2.2.4 (2016年5月20日) 3.x:不兼容IE678,只支持最新的浏览器。需要注意的是很多老的jQuery插件不支持3.x版。...文档处理 添加到指定元素内部的后面 $(A).append(B)// 把B追加到A $(A).appendTo(B)// 把A追加到B 添加到指定元素内部的前面 $(A).prepend(B)// 把B前置到

    2K120

    【领会要领】web前端-轻量级框架应用(jQuery基础)

    jquery安装,从jquery下载jquery库,二是从cdn中下载。...="text/JavaScript"> $(document).ready(function(){ // 测试 $("#btn1").click(function(){ alert("文本内容...向每个匹配的元素内部追加内容 appendTo() 将所有匹配的元素追加到另一个指定的元素集合中 注意:$(A).append(B)的操作,不是将B追加到A中,而是将A追加到B中 prepend() 向每个匹配的元素内部前置内容...prependTo() 将所有匹配的元素前置到另一个指定的元素集合中。...注意:$(A).prepend(B)的操作,不是将B前置到A中,而是将A前置到B中 after() 在每个匹配的元素之后插入内容 insertAfter() 将所有匹配的元素插入另一个指定的元素集合的后面

    2.2K20

    JS读书心得:《JavaScript框架设计》——第12章 异步处理

    在寻找良药之前,我们需要先了解的是形成回调地狱的原因,从局部看则是在发起异步任务前必须满足某些前置条件,从全局看则是异步执行模式下的流程控制。...其实在同步执行模式当中也存在同样的情况,只不过同步执行模式与我们平常思考的方式一致,因此先满足前置条件再执行同步任务则是顺理成章的事情,也没多大的感觉。但到了异步任务当中则成为突出的问题。...想一想,如果异步任务A->异步任务B->异步任务C均以前一个异步任务为前置条件,那么它们的关系其实也就是同步执行,但代码表达上却被迫要使用异步编码模式,这种内在关系与表现形式的差异就造就出著名的回调地狱了...function(reason){ }) .then(function(val){ console.log(val) }, function(reason){ })   我是从jQuery.Deferred...(jQuery1.5-2.1)源码剖析》 《JS魔法堂:mmDeferred源码剖析》 《JS魔法堂:ES6新特性——GeneratorFunction介绍》 《JS魔法堂: Native Promise

    91270

    前端开发技术(vscode怎么下载)

    guides 显示代码对齐辅助线,很好用。 Rainbow Brackets 为圆括号,方括号和大括号提供彩虹色。...Indent-Rainbow 用四种不同颜色交替着色文本前面的缩进。 filesize 在状态栏中显示当前文件大小,点击后还可以看到详细创建、修改时间。...找到的TODO也可以在打开的文件中突出显示。 VScode主题集合 Night Owl 一个非常适合夜猫子的 VS Code 主题。像是为喜欢深夜编码的人精心设计的。...jQuery Code Snippets JQuery代码提示,超过130个用于JavaScript代码的jQuery代码片段。 只需键入字母’jq’即可获得所有可用jQuery代码片段的列表。...伟大的C#编辑支持,包括语法突出显示,智能感知,转到定义,查找所有引用等。 调试支持.NET Core(CoreCLR)。注意:不支持单声道调试。桌面CLR调试支持有限。

    2.4K20

    Visual Studio Code(CS code)你们都在用吗?或许你们需要看一下这篇博文

    8.guides 显示代码对齐辅助线,很好用 ? 9.Rainbow Brackets 为圆括号,方括号和大括号提供彩虹色。...11.Indent-Rainbow 用四种不同颜色交替着色文本前面的缩进 ? 12.filesize 在状态栏中显示当前文件大小,点击后还可以看到详细创建、修改时间 ?...找到的TODO也可以在打开的文件中突出显示。 ? b.VS code 主题集合 1.Night Owl 一个非常适合夜猫子的 VS Code 主题。像是为喜欢深夜编码的人精心设计的。 ?...3.jQuery Code Snippets  jQuery代码提示 超过130个用于JavaScript代码的jQuery代码片段。...伟大的C#编辑支持,包括语法突出显示,智能感知,转到定义,查找所有引用等。 调试支持.NET Core(CoreCLR)。注意:不支持单声道调试。桌面CLR调试支持有限。

    3K20

    jQuery 效果

    jQuery 给我们封装了很多动画效果,最为常见的如下: 显示隐藏:show() / hide() / toggle() ; 划入画出:slideDown() / slideUp() / slideToggle...jQuery为我们提供另一个方法,可以停止动画排队:stop() ;  一、显示隐藏 显示隐藏动画,常见有三个方法:show() / hide() / toggle() ; 语法规范如下: ?...这个速度和透明度要必须写                $("div").fadeTo(1000, 0.5);           });       });     突出显示案例...)     // 其中over和out为两个函数 over:鼠标移到元素上要触发的函数(相当于mouseenter) out:鼠标移出元素要触发的函数(相当于mouseleave) 如果只写一个函数...事件切换 hover 如果只写一个函数,那么鼠标经过和鼠标离开都会触发这个函数            $('.nav>li').hover(function(){                $

    6.5K30
    领券