`
jd20800991
  • 浏览: 39293 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
社区版块
存档分类
最新评论

初学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>");

分享到:
评论

相关推荐

    jQuery 自学笔记 +  汉化版 jQuery Api

    本人学习jQuery 后做的一个总结,简单 明了。 对初学jQuery者是一个很好的帮助。 另 附 jQuery 的中文 Api 是初学者最理想的教材

    STM32自学笔记

    资源名称:STM32自学笔记内容简介:《STM32自学笔记》以新颖的思路、简单的逻辑、简洁的语言来阐述作者初遇STM32以来的种种认识,书中多处内容都是由作者从STM32初学时的实践中总结而来。《STM32自学笔记》主要介绍...

    FPGA自学笔记——设计与验证公开版

    FPGA自学笔记——设计与验证公开版;十分适合初学者使用

    JQuery十个适合初学者实例

    JQuery十个适合初学者实例--对初学Jquery的朋友来说还是不错了,通过实例学习,当初我自己就是通过这个学习了Juery,希望对你也有用处。JQuery第一课-tab标签页、JQuery第二课-多张图的无缝滚动、JQuery第三课-图片...

    小梅哥FPGA自学笔记

    小梅哥FPGA自学笔记,小梅哥写的很好,很适合FPGA初学者的学习 小梅哥FPGA自学笔记,小梅哥写的很好,很适合FPGA初学者的学习

    ruby初学笔记ruby初学笔记

    ruby初学笔记ruby初学笔记ruby初学笔记ruby初学笔记ruby初学笔记

    javascript 笔记 适合初学者 jquery chm 资料

    javascript笔记,适合初学者,亲手写的,希望能帮到大家,内附常见正则表达式,jquery的chm,都是平时比较用的到的东西。

    msp430单片机自学笔记张福才光盘资料

    作者本人上传的光盘资料,请放心下载,原理图请用Protel 99se及更高的版本打开,源程序我使用的是IAR3.42A这个版本,您在使用中可能会遇到不兼容的问题,请在您使用的版本中...本书适合于初学者,如果配合书效果更佳

    AVR单片机自学笔记

    AVR单片机自学教程,通俗易懂,语言风趣幽默,助你在单片机的世界里遨游,尤其适合初学者使用。

    51单片机自学笔记+387页+13.8M+高清书签版

    这本单片机自学笔记非常适合初学者 里面配有大量实例 供读者学习 掌握

    stm32自学笔记随书资料

    stm32自学笔记随书资料,包括基础实验、进阶应用以及综合性实验,非常适合初学者学习。

    AS400自学笔记整理

    AS400初学者自学笔记整理,AS400初学者学习笔记

    jquery 实例 初学者

    jquery 实例 初学者 jquery 实例 初学者 jquery 实例 初学者 jquery 实例 初学者 jquery 实例 初学者 jquery 实例 初学者

    STM8 单片机自学笔记

    本书知识点的介绍和软件使用步骤描述详尽,适合零基础的学者;代码注释非常详尽,适合初学者学习,便于理解程序设计思想。

    Ajax 自学 初学笔记 对入门非常有帮助

    Ajax初学笔记 ============ Ajax 自学 初学笔记 对入门非常有帮助

    Jquery学习 初学Jquery教程

    轻松学习Jquery!锋利的jquery图书是学习jquery的好助手!

    jquery入门自学教程

    jquery入门教程,适合初学者,内容详细

    【经典】STM32自学笔记(完整扫描版)

    第3章从外设特性、功耗特性、安全特性等方面对STM32进行全面的剖析;第4章主要介绍开发工具;第5章则引导读者针对STM32的外设进行一系列的基础实验设计;第6章通过10篇高级应用文章介绍STM32的一些高级知识;第7章则...

    stm32自学笔记

    《STM32自学笔记》以新颖的思路、简单的逻辑、简洁的语言来阐述作者初遇STM32以来的种种认识,书中多处内容都是由作者从STM32初学时的实践中总结而来。《STM32自学笔记》主要介绍ARM Cortex—M3系列STM32的原理及...

Global site tag (gtag.js) - Google Analytics