比如我要获取倒数第二个li元素，下面就是此功能的演示。 代码如下: 只有努力奋斗才会有美好的未来。... 没有人一开始就是高手，必须要好好学习。 分享互助是进步的最大源动力。... 每一天都是新的要好好真心 上面的代码实现了我们的要求，实现的原理也非常的简单。...大家eq()的参数为0的时候就是获取第一个元素，为1的时候就是第二个元素，以此类推。 所以当参数为-1的时候理所当然就是倒数第一个，那么-2就是倒数第二个，以此类推。
---1、直接使用普通for 循环进行操作我们说不能在foreach 中进行，但是使用普通的for 循环还是可以的，因为普通for循环并没有用到Iterator 的遍历，所以压根就没有进行fail-fast...3、使用Java 8 中提供的filter 过滤Java 8 中可以把集合转换成流，对于流有一种filter 操作， 可以对原始Stream 进行某项测试，通过测试的元素被留下来生成一个新Stream。...某个即将删除的元素只包含一个的话， 比如对Set 进行操作，那么其实也是可以使用增强for 循环的，只要在删除之后，立刻结束循环体，不要再继续进行遍历就可以了，也就是说不让代码执行到下一次的next 方法...Java 中，除了一些普通的集合类以外，还有一些采用了fail-safe 机制的集合类。...由于迭代时是对原集合的拷贝进行遍历，所以在遍历过程中对原集合所作的修改并不能被迭代器检测到，所以不会触发ConcurrentModificationException。
2. selector: 元素的子元素选择器 。 3. fn:回调函数 即绑定在元素身上的侦听函数。 on() 方法优势1： 可以绑定多个事件，多个处理事件处理程序。...事件委派的定义就是，把原来加给子元素身上的事件绑定在父元素身上，就是把事件委派给父元素 $('ul').on('click', 'li', function() { alert('hello...on() 方法优势3： 动态创建的元素，click() 没有办法绑定事件， on() 可以给动态生成的元素绑定事件 $(“div").on("click",”p”, function(){...案例：发布微博案例 1.点击发布按钮， 动态创建一个小li，放入文本框的内容和删除按钮， 并且添加到ul 中。2.点击的删除按钮，可以删除当前的微博留言。 ...代码实现 $(function () { // 1.点击发布按钮， 动态创建一个小li，放入文本框的内容和删除按钮， 并且添加到ul 中 $
()方法在匹配元素上绑定一个或多 个事件的事件处理函数 语法: element.on (events, [selector], fn) events:一个或多个用空格分隔的事件类型,如"click或"...selector:元素的子元素选择器. fn:回调函数即绑定在元素身上的侦听函数。 ? ? ?...$("我是后来创建的"); $("ol").append(li); }) 2....案例：发布微博案例 1.点击发布按钮， 动态创建一个小li，放入文本框的内容和删除按钮， 并且添加到ul 中。 2.点击的删除按钮，可以删除当前的微博留言。...(); $("#txt").val(""); }); // 点击删除按钮，删除留言 on可以给动态创建的元素绑定事件
position:absolute来设置子元素相对于父元素的定位距离 l Position()函数用于返回当前匹配元素相对于其被定位的祖辈元素的偏移，也就是相对于被定位的祖辈元素的坐标。...如果没有匹配的元素，则返回undefined 1 offset().top 元素距离顶部的高度 （浏览器默认给8px） 2 offset().left 元素距离左边的高度（浏览器默认给...，指定的元素集合前面 6 after（）和insertAfter() 在每个匹配元素之后插入内容 节点删除和复制 1 remove（） 删除匹配的元素集合中所有的子节点（...删除所有子节点），绑定的事件，附加的数据都会移除 2 detach（）从DOM中删除所有匹配的元素（）与remove（）不同的是，绑定的事件，附加的数据都会被保留下来 3...empty（）删除匹配的元素集合中所有子节点，选中的元素保留，仅删除子节点，内容删除，元素依然保留 4 clone（）复制节点，选中元素进行复制 <script type="text/
`是jQuery的顶级对象，相当于原生js中的window，元素通过`包装成jQuery对象，调用jQuery属性和方法。...，并没有添加到页面元素中 ---- 添加元素 1.内部添加（添加过后与原元素程父子关系 element.append(''内容'');//把内容放入匹配元素内部最后面，类似原生 appendChild。...element.remove();//删除匹配的元素（本身） element.empty();//删除匹配的元素集合中所有的子节点 element.html('');//清空匹配的元素内容，也可设置内容...//1. events: 一个或多个用空格分隔的事件类型，如"click"或"mouseover" 。 //2. selector: 元素的子元素选择器。...; }); 注意：事件委派现在大多采用⬆️这种写法： 优势在于当动态创建元素时，可以动态自动为其绑定事件 例如：ol里添加li并动态绑定事件 $("ol").on("click", "li", function
从IE9开始DOM开始支持支持CSS的选择器了，DOM提供了两个接口 querySelector 得到一个DOM querySelectorAll 得到一组DOM 一个个的解释这些选择器也没有必要，我们结合前面的数组知识...页面上有一组元素，然后会依据我们数组中的预订选择值选择相应元素，并将背景变红色，同时提示选择器的含义。这样的代码便于运行理解和扩展。...-- hovertree.com --> 加一个jQuery的脚本 <script src=“http://down.hovertree.com/jquery/jquery-1.12.3.min.js”...指定元素名称", "属性中包含", "属性开始", "属性结束", "属性等于", "html部分", "元素内容为空白", "锚", "子元素"..."从第3个算起， 每隔2个（包含第2个）", "只有一个子元素", "可用状态", "不可用状态", "只读", "非只读", "选取状", "非选取状态", "一半状态
对象，就可以对这个对象进行操作； 可以查找当前元素下的子元素； html //当鼠标访问指定的li时，指定的li下的p标签显示，鼠标移除后，对应的p消失 3</span...display":"none"}); //查找到当前元素的子元素 }); //还可以是使用:hidden 和 :visible 可见选择器 $("#play ol li").mouseover(function...({"属性名":"属性值","属性名":"属性值"}) 设置多个指定属性的属性值 removeAttr("属性名") 删除指定属性 3.6 节点遍历 3.6.1 遍历子元素 方法 说明 children...() 获取元素的所有子元素 $(selector).children([expr]); 获取子元素的中的指定元素 3.6.2 遍历同辈元素 方法 说明 next() 获取当前元素后的第一个同辈元素 prev...节点 alert($(this).html()); //$(this)转换为jQuery节点 }); 3.6.5 end() 结束当前链条中的最近的筛选操作，并将匹配元素集还原为之前的状态； /
1 jQuery 选择器 原生 JS 获取元素方式很多，很杂，而且兼容性情况不一致，因此 jQuery 给我们做了封装，使获取元素统一标准。 1.1....$("ol li:odd").css("color", "skyblue"); $("ol li:even").css("color", "pink"); })... 另: jQuery中还有一些筛选方法，类似DOM中的通过一个节点找另外一个节点，父、子、兄以外有所加强。...1.4 知识铺垫 jQuery 设置样式 $('div').css('属性', '值') jQuery 里面的排他思想 // 想要多选一的效果，排他思想：当前元素设置样式，其余的兄弟元素清除样式...// 简单理解：给匹配到的所有元素进行循环遍历，执行相应的方法，而不用我们再进行循环，简化我们的操作，方便我们调用。
//首先为大家介绍一些jQuery中的一些专有性名词 （并用案例来介绍） 过滤 顾名思义，过滤是什么？在已有的一部分标签中再找出符合要求的标签。我们先来看一下我们准备好的网页素材。..."); 5 删 5.1 Empty():删除匹配的元素集合中所有的子节点(不包含匹配的元素) 案例:删除ul中所有的li 我们以删除ul中的li为例 来演示一下empty(); $("li...还行没有内容了，但是还留下了一点东西。Empty只会删除元素内的所有内容，不会删除这个元素。...大家要注意 5.2 Remove():删除匹配的元素集合中所有的子节点(包含匹配的元素) 我们再来用remove()来删除一下试试， $("li").remove(...); 直接删除成功，remove()删除包括元素自己及其所有子元素全部删除 6 .改 6.1ReplaceWith():将所有匹配的元素替换成指定的内容 替换 我们以ReplaceWith为例来演示一下效果
，序列1-1（first元素）和序列1-3（last元素）会变色（高版本中不支持） $('#divOne span:contains("兄弟1-1")').css('color', 'red'); :empty（取不包含子元素或文本为空的元素...div添加边框 :parent（取包含子元素或文本的元素） $('ol li:parent').css('border', '1px solid #000'); 下面的代码.../1.9.1/jquery.min.js"> 序列1 ...序列2 $('ol li:parent').css('border', '1px solid #000'); </script
1. jQuery 选择器 原生 JS 获取元素方式很多，很杂，而且兼容性情况不一致，因此 jQuery 给我们做了封装，使获取元素统一标准。 1.1....; $("ol li:odd").css("color", "skyblue"); $("ol li:even").css("color", "pink"...); }) 另: jQuery中还有一些筛选方法，类似DOM中的通过一个节点找另外一个节点，父、子、兄以外有所加强。...1.4 知识铺垫 jQuery 设置样式 $('div').css('属性', '值') jQuery 里面的排他思想 // 想要多选一的效果，排他思想：当前元素设置样式，其余的兄弟元素清除样式...2.需要得到当前小li 的索引号，就可以显示对应索引号的图片3.jQuery 得到当前元素索引号 $(this).index()4.中间对应的图片，可以通过 eq(index) 方法去选择5.显示元素
div的一代子元素，颜色保持不变。...，在上面的代码中C的背景会变色。...内容过滤选择器 ——2.1 :contains(text)（取包含text文本的元素） $(document).ready(function () { // dd元素中包含"jQuery...的直系子元素，也会生效 ?... A D 3.
本节教程主要带读者入门jQuery查找dom节点元素的方法。...1.查找html元素 查找元素的基础就是上一节中利用jQuery选择器来实现的，通过id、class、后代元素、子代元素、兄弟元素等选择器，查找指定需要的html元素，以便进一步对这些元素进行操作，以实现数据...有时候用选择器查找到的元素不能一次到位，需要通过find()方法或者not()方法进行二次筛选，把需要的结果留下，不需要的结果删除。...jQuery选择器的代码如下： $("ol li") (2)遍历每个节点的内容，然后匹配关键词“祖国”。 进一步使用each方法可以对找到的每个元素进行遍历，jQuery代码如下所示。...) } }) function这个匿名函数内，每次找到的元素用this关键词来表示，将其加入jQuery对象体系中，变为$(this)以便可以方便使用jQuery的text方法方便获得每个元素的文本内容
原生 JS 获取元素方式很多，很杂，而且兼容性情况不一致，因此 jQuery 给我们做了封装，使获取元素统一标准。 1....知识铺垫 jQuery 设置样式 $('div').css('属性', '值') 隐式迭代 // 遍历内部 DOM 元素（伪数组形式存储）的过程就叫做隐式迭代。...").css("color", "pink"); }) 5.筛选方法 重点： jQuery中还有一些筛选方法，类似DOM中的通过一个节点找另外一个节点...，父、子、兄以外有所加强。...2.需要得到当前小li 的索引号，就可以显示对应索引号的图片 3.jQuery 得到当前元素索引号 $(this).index() 4.中间对应的图片，可以通过 eq(index) 方法去选择 5.显示元素
1. jQuery 事件注册 jQuery 为我们提供了方便的事件注册机制，是开发人员抑郁操作优缺点如下： 优点: 操作简单，且不用担心事件覆盖等问题。...事件委派定义是，把原来加给子元素身上的事件绑定在父元素身上,就是把事件委派给父元素。...on()方法优势3:动态创建的元素, click0 没有办法绑定事件，on0 可以给动态生成的元素绑定事件 ("div") .on("click","p", function(){alert ("俺可以给动态生成的元素绑定事件...我们都是好孩子 $(function() { // (1) on可以绑定...$("我是后来创建的"); $("ol").append(li); }) 2.3.
网页中的所有内容都是节点（标签、属性、文本、注释等），在DOM 中，节点使用 node 来表示。...HTML DOM 树中的所有节点均可通过 JavaScript 进行访问，所有 HTML 元素（节点）均可被修改，也可以创建或删除。 ?...实际开发的写法 既没有兼容性问题又返回第一个子元素 console.log(ol.children[0]); console.log(ol.children[ol.children.length...添加节点 node.appendChild(child) node 父级 child 是子级 后面追加元素，类似于数组中的push var ul = document.querySelector...(child) node.removeChild() 方法从 node节点中删除一个子节点，返回删除的节点。
1.2.4. jQuery中的顶级对象$ 是 jQuery 的别称，在代码中可以使用 jQuery 代替，但一般为了方便，通常都直接使用 。...是jQuery的顶级对象，相当于原生JavaScript中的 window。把元素利用包装成jQuery对象，就可以调用jQuery 的方法。...因为原生js 比 jQuery 更大，原生的一些属性和方法 jQuery没有给我们封装. 要想使用这些属性和方法需要把jQuery对象转换为DOM对象才能使用。... 另: jQuery中还有一些筛选方法，类似DOM中的通过一个节点找另外一个节点，父、子、兄以外有所加强。...原生 JS 中 className 会覆盖元素原先里面的类名，jQuery 里面类操作只是对指定类进行操作，不影响原先的类名。 1.4.3.
身上的，但是 触发的对象是 ul 里面的小li // (3) on可以给未来动态创建的元素绑定事件 // $("ol li").click(function() { // alert(11);...// }) $("ol").on("click", "li", function() { alert(11); }) var li = $("我是后来创建的"); $("ol...案例：发布微博案例 点击发布按钮， 动态创建一个小li，放入文本框的内容和删除按钮， 并且添加到ul 中。 点击的删除按钮，可以删除当前的微博留言。 <!...因为ul中的li是JS动态创建的，在页面加载时Docoment中并没有此元素，选择器并不能选取。...1.7.5 案例：toDoList 删除操作 点击里面的a链接，不是删除的li，而是删除本地存储对应的数据。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
