zoukankan      html  css  js  c++  java
  • 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");
  • 相关阅读:
    sqlite3数据库的简要应用
    5分钟把任意网站变成桌面软件--windows版
    bootstrap-multiselect 的简单使用,样式修改,动态创建option
    jquery自定义进度条与h5原生进度条
    Angular 4+ Http
    Flexible Box布局基础知识详解
    Angular4+路由
    Angular 4 设置组件样式的几种方式
    Angular 4 自定义组件封装遇见的一些事儿
    angular4 中自定义pagination组件
  • 原文地址:https://www.cnblogs.com/nmxs/p/4912731.html
Copyright © 2011-2022 走看看