初学jquery之自学笔记(3)

63.为所有匹配的元素设置一个计算的属性值
$(img).attr("title",function(){return this.src});
64.为所有匹配的元素设置一个属性值
$("img").attr("src","test.jpg");
65.取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。
如果元素没有相应属性,则返回undefined
$("img").attr("src");
66.将一个"名/值"形式的对象设置为所有匹配元素的属性
$("img").attr({src:"test.jpg",alt:"testImage"});
67.从每一个匹配的元素中删除一个属性
$("img").removeAttr("src");
68.为每个匹配的元素添加指定的类名
$("div").addClass("selected");
69.从所有匹配的元素中删除全部或者指定的类
  删除匹配元素的所有类:$("div").removeClass();
  删除指定的类:$("div").removeClass("selected");
70.如果存在(不存在)就删除(添加)一个类
$("div").toggleClass("selected");
71.取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
$("div").html();
72.设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
$("div").html("<p>Hello,My friend</p>");
73.取得所有匹配元素的内容。结果是由素有匹配元素包含的文本内容组合起来的文本。
$("div").text();
74.设置所有匹配元素的文本内容
$("div").text("<b>Good</b> Morning");
75.获得第一个匹配元素的当前值。在Jquery 1.2中,可以返回任意元素的值了。包括select。如果多选,将返回一个数组,其包含所选的值。
$("input").val();
$("p").append(
   "<b>Single:</b>"+$("#single").val()+
   "<b>Multiple:</b>"+$("#multiple").val().join(",")
);
76.check,select,radio等都能使用为之赋值
$("#single").val("Single2");
$("#multiple").val(["Multiple2","Multiple3"]);
$("input").val(["check2","radio1"]);
77.设置每一个匹配元素的值。在Jquery 1.2,这也可以为select元件赋值
$("input").val("hello world!");
78.获取第N个元素。这个元素的位置从0算起
$("div").eq(1);
79.筛选出与指定表达式匹配的元素集合。这个方法用于缩小匹配的范围。用逗号分隔多个表达式
$("div").filter(".selected");
80.筛选出与指定函数返回值匹配的元素集合。这个函数内部将对每个对象计算一次
   (正如 '$.each').如果调用的函数返回false则这个元素被删除,否则就会保留
$("div").filter(function(index){
   return $("p",this).length==0;
});
81.检查当前的元素是否含有某个特定的类,如果有,则返回true。
这其实就是is("."+class)。

$("div").click(function(){
   if($(this).hasClass("protected")){
       $(this)
          .animate({left:-10})
          .animate({left:10})
          .animate({left:-10})
          .animate({left:10})
   .animate({left:0});
   }
});
82.用一个表达式来检查当前选择的元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true。
如果没有元素符合,或者表达式无效,都返回'false'. 'filter' 内部实际也是在调用这个函数,所以,filter()函数原有的规则在这里也适用。

$("input[type='checkbox']").parent().is("form");
83.将一组元素转换成其他数组(不论是否是元素数组)
你可以用这个函数来建立一个列表,不论是值、属性还是CSS样式,或者其他特别形式。这都可以用'$.map()'来方便的建立。

$("p").append( $("input").map(function(){
  return $(this).val();
}).get().join(", ") );
84.删除与指定表达式匹配的元素
$("p").not($("#selected")[0]);
85.选取一个匹配的子集,与原来的slice方法类似
$("p").slice(0,1).wraplnner("<b></b>");

你可能感兴趣的:(html,jquery,xml,css,XHTML)