认识jQuery(二)

一、管理选择的结果

       1, 获取元素的个数

            $("img").size()

       2,  提取元素

           $("img[title]")[1]   获取所有设置了title属性的img标记中第二个元素。等效于：$("img[title]").eq(1)

          以上用eq即可

       var iNum=$("li").index($("li[title=isaac]")[0])获取<li title="isaac">标记在整个列表中所处的位置。并返回给iNum.

       3, 添加、删除、过滤元素

          $("img[alt],img[title]").addClass("myClass") 所有设置了alt属性的img标记和所有设置了 tilte属性的img标记添加样式。

          $("li[title]").not("[title*=isaac]")所有设置了title属性的li标记，但不包括title值中任意匹配字符串isaac的那些。

          注意：not()方法所接受的参数不能包括特定的元素， 只能是通用的表达式。

        EG:   

           错误：$("li[title]").not("img[title*=isaac]")

           正确：$("li[title]").not("[title*=isaac]")

        筛选：filter方法

         $("li").filter("[title*=isaac]") 等同于$("li[title*=isaac]")

          注意：filter中的参数，不能直接是等于匹配，只能是前匹配^=,后匹配&=,任意匹配*=。

          filter(函数)函数要求返回布尔值，对于返回值为true的元素保留，否则去除。

          

        $("p").find("span")在所有p标记元素中搜索span标记，获取一个新的元素。

   

         var bHasImge=$("div").is("img")页面中的div块中是否包含img标记。

    4，jQuery链

         jQuery语句链在一起

         如下： $("div").addClass("myClass1").filter(function(index){return index==1||$(this).attr("id")=="fourth"}).addClass("myClass2");

         整体div加myClass1，然后进行筛选出的元素再加myClass2

         后面的操作都已以前的操作结果为对象的，如果操作对象为上一步对象，则用end方法

         如下：

          $("P").find("span").addClass("myClass1").edd().addClass("myClass2")

     

       $("div").find("p").addClass("myBackgroud").andSelf().addClass("myBorder")

         div中找P,给p加myBackgroud然后把div,p 合并，添加myBorder,对div和p都有效，如果不加只对p有效。

       

     标记的属性

        each()遍历元素

          $(function(){$("img").each(function(index){this.title"这是第"+index+“副图，id是”+this.id;})

})

 二、获取属性的值

      *<em>标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味要把这段文字用斜体来显示。

      var sTitle=$("em:eq1").attr("title") ; 获取第二个em的title 属性

      $("a[href^=http://]").attr("target","-blank");设置属性值

      $("img").attr({src:"06,Jpg"，title：“公寓”，alt：“国家”})；设置多个属性值

     $("button").removeAttr("disabled");删除属性值