jquery 筛选元素 (2)

.add()
  创建一个新的对象,元素添加到匹配的元素集合中。
  .add(selector)
    selector 一个字符串表示的选择器表达式。找到更多的元素添加到匹配的元素集合。

      $("p").add("div")
  .add(html)
    html
      HTML片段添加到匹配的元素集合中。
        $(‘li‘).add(‘<p id="new"> new paragraph</p>‘)
  .add(elements)

    elements
      一个或多个元素添加到匹配的元素集合。
  .add(jquery object)
    一个现有的jquery 对象添加到匹配的元素集合。
  .add(selector,context)
    selector
      一个字符串表示的选择器表达式。
    context
      指定选择器查找元素所在的上下文。
.contents()
  获得匹配元素集合中每个元素的子元素,包括文字和注释节点。
  .contents()
    这个方法不接受任何参数。
  $("p").contents(); 查找段落中的所有的文本节点。
.each()
  遍历一个jQuery对象,为每一个匹配的元素执行一个函数。
  .each(function(index,Element))
    function(index,Element)
      为每一个匹配元素执行的一个函数。
        $("li").each(function(index){
            console.log(index + ":""+$(this).text()");
        }); 循环每一个li 将每个li 的索引值 和 相对应的内容 打印出来.
        $(document.body).click(function(){
            $("div").each(function(i){
                if(this.style.color !="blue"){
                  this.style.color = "blue";
              }else{
                this.style.color = "";
            }
          });
        }); //当点击文档的时候 判断每个div 文字的颜色是否不为蓝色,如果不是,那么就变成蓝色,如果是就去掉。
.end()
    终止在当前链的最新过滤操作,并返回匹配的元素的以前的状态。
    .end() 这个方法不接受任何方法。
    $("p").find("span").end().css("border","2px red solid");

时间: 2024-08-09 06:20:17

jquery 筛选元素 (2)的相关文章

jquery 筛选元素(1)

.eq() 减少匹配元素的集合为指定的索引的那一个元素. .eq(index) index一个整数,指示元素的位置,以0为基数. $("li").eq(2).css('background-color', 'red') //选择第三个元素将其 将其背景变成红色. .eq(-index) -index 一个整数,指示元素的位置,从集合中的最后一个元素开始倒数. $("li").eq(-2).css('background-color', 'red') //选择倒数第二

jquery筛选元素函数

1.过滤匹配第二个p元素: $("button").click(function(){ $("p").eq(1).css("color","red"); });匹配第一个li元素: $("button").click(function(){ $("li").first().css("color","red"); });匹配最后一个元素: $(&qu

jquery 筛选元素方法

jQuery常用的元素查找方法总结 1.基础 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div")           选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素,可以运用多种的选择方式进行联合选择:

js/jquery获取元素,元素筛选器

1.js获取元素 var test = document.getElementById("test"); var parent = test.parentNode; // 父节点 var chils = test.childNodes; // 全部子节点 var first = test.firstChild; // 第一个子节点 var last = test.lastChile; // 最后一个子节点 var previous = test.previousSbiling; //

js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

转载:https://www.cnblogs.com/ooo0/p/6278102.html js jquery 获取元素(父节点,子节点,兄弟节点) 一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); var parent = test.parentNode; // 父节点 var chils = test.childNodes; // 全部子节点 var first = test.firstChil

javascript 常见数组操作( 1、数组整体元素修改 2、 数组筛选 3、jquery 元素转数组 4、获取两个数组中相同部分或者不同部分 5、数组去重并倒序排序 6、数组排序 7、数组截取slice 8、数组插入、删除splice(需明确位置) 9、数组遍历 10、jQuery根据元素值删除数组元素的方)

主要内容: 1.数组整体元素修改 2. 数组筛选 3.jquery 元素转数组 4.获取两个数组中相同部分或者不同部分 5.数组去重并倒序排序 6.数组排序 7.数组截取slice 8.数组插入.删除splice(需明确位置) 9.数组遍历 10.jQuery根据元素值删除数组元素的方法 数组常见操作包含了 增.删.查.改.插入.交集.并集 1.数组整体元素修改 //map,给数组每个元素加1 输出[1,2,3] $.map([0,1,2],function(n){ return n+1; })

一个样例看清楚JQuery子元素选择器children()和find()的差别

近期在我们的hybrid app项目开发中定位出了一个问题.通过这个问题了解下JQuery选择器find()和children()的差别.问题是这种:我们的混合app是一个单页面应用(main.html),逻辑上的页面是通过项目自己定义的.mspl文件(事实上就是html文件)来呈现的. 比方a.mspl.b.mspl.c.mspl载入的时候,都会插入到main.html中.可是每次仅仅显示1个mspl文件,当b.mspl显示的时候,a.mspl和c.mspl就会被隐藏.在a.b.c这3 个页面

jQuery筛选器及对DOM修改(学习笔记)

1.jQuery筛选器 注意:请先在管理Nuget程序包中查找jQuery包,并安装.也可以在jQuery官网下载. 实现: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type" content="text/html; char

&lt;&lt;&lt; Jquery查找元素、选择器使用方法总结

$("#myDiv"); //根据给定的ID匹配一个元素,用于搜索id 属性中给定的值,id属性必须是唯一的 $("div"); //根据给定的元素名匹配所有元素,搜索指向dom节点的标签名 $(".myClass"); //根据给定的类匹配元素,用以搜索的类.一个元素可以有多个类,只要有一个符合就能被匹配到 $("div,.myClass"); //将每一个选择器匹配到的元素合并后一起返回,可以指定多个元素 返回示例: &l