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 是一款非常流行的 JavaScript 库,由 John Resig 在2006年创建,它的出现极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery 的设计理念是“Write Less, Do ...
### JQuery自学学习笔记 #### 一、JQuery简介与基本语法 JQuery 是一款轻量级的 JavaScript 库,极大地简化了 HTML 元素的选择、操作以及事件处理等任务。它提供了一种更加简单的方式来进行网页开发,使得开发者...
这份“jQuery自学笔记”结合“jQuery API汉化版”提供了全面而简洁的学习资源,适合初学者快速掌握jQuery的核心概念和用法。 首先,jQuery的核心理念是“写得更少,做得更多”。它的选择器机制借鉴了CSS,使得选取...
JavaScript和jQuery是Web开发中的重要工具,用于创建交互式的网页和动态内容。JavaScript是一种轻量级的编程语言,而jQuery...对于初学者来说,这是一份宝贵的资源,能够快速上手JavaScript和jQuery,提升Web开发技能。
这个学习笔记集合覆盖了jQuery的基础到进阶内容,对于初学者来说是一份很好的参考资料。通过深入学习并实践这些笔记,可以快速掌握jQuery的核心技术和最佳实践。同时,持续关注jQuery的更新和发展,理解新的API和...
### ASP.NET自学笔记知识点梳理 #### 一、Visual Studio 操作要点 1. **数据库操作注意事项**: - **MDF 文件与 SQL Server 数据库**:在 Visual Studio 2008 中创建的 `.mdf` 文件本质上是 SQL Server 的数据库...
【狂神说 JavaWeb 笔记】 在JavaWeb开发领域,狂神说系列教程深受许多初学者和进阶者的喜爱。这些笔记详细介绍了如何利用Java技术进行...无论是自学还是系统学习,这些笔记都将为你的JavaWeb开发之路提供宝贵的指导。
3. 【韩顺平PHP从入门到精通笔记.doc】:这是韩顺平老师的核心教学资料,涵盖了PHP的基础知识到进阶技巧。 4. 【index.html】:可能是一个教程的索引页或示例网站的入口,有助于实践和理解HTML的基本结构。 5. 【w3...
4. **JEECMS自学笔记**:JEECMS自学笔记.doc是个人学习JEECMS过程中的记录,可能涵盖了一些实际操作的技巧和遇到的问题解决方案,对于初学者来说是一份很好的参考。 5. **JEECMS网上文档集合**:JeeCMS网上文档集合...
这份"java学习笔记(学习java的好书)"的PDF文档,显然是一个全面学习Java编程的资源,旨在帮助初学者和经验丰富的开发者深入理解Java的核心概念和技术。W3School离线完全版的加入,意味着这份资料还可能涵盖了Web开发...
这个压缩包提供了一个基础的实现,对于学习jQuery特效和前端交互开发的初学者来说,是一个很好的实践案例。 总结来说,这个"jQuery购物车商品数量加减合计代码"涵盖了HTML页面结构设计、jQuery事件处理、JavaScript...
总的来说,"韩顺平html+css+javascript笔记完整版"是一个宝贵的自学资源,它将引导你步入前端开发的大门,带你探索丰富多彩的Web世界。结合实际练习和对新技术的关注,你将成为一名出色的前端开发者。
标题中的"JQuery.rar"是一个包含jQuery学习资料的压缩包,很可能包含了作者在学习过程中整理的笔记。这份资料对于初学者或者想要提升JavaScript技能的开发者来说是一份宝贵的资源。 ### 1. jQuery基础 - **选择器*...
【狂神说全部笔记内容.rar】是一个包含了广泛Java技术领域学习资料的压缩包。这个压缩文件涵盖了从初学者到高级开发者所需的各种知识点,旨在提供一个全面的Java学习路径。以下是对其中各个主题的详细说明: 1. **...
"Jqgrid之onSelectRow 和onCellSelect 事件不能一起用-yellowcong_yelllowcong的专栏-CSDN博客_files"和"jQuery学习笔记--JqGrid相关操作 方法列表 备忘 重点讲解(超重要)_web开发自学-CSDN博客_files"以及"jqgrid...
这个存储库将对初学者或希望巩固JavaScript基础的开发者非常有帮助。 **目录结构** 存储库可能包含以下结构,便于学习者按照不同主题和进度进行查阅: 1. **HTML/CSS基础** - HTML标签、属性和语义化 - CSS选择...
【标题】"java基础到spring boot " 涵盖了从Java编程语言的基本...总的来说,这个学习路径全面覆盖了Java的基础到进阶,以及相关Web开发技术,通过系统的自学和实践,确实可以使人从零基础达到能够胜任日常工作的水平。
3. JavaScript学习资源推荐:文档列举了多种JavaScript学习资源,包括学习笔记、项目案例、书籍推荐等,这体现了前端开发中自学资源的重要性。推荐书籍和资源有《四天学会JavaScript》、《最通俗易懂的JavaScript...
"乐山笔记"是一个专门为Web开发新手准备的资源集合,旨在帮助初学者快速掌握Web开发的基本技能和核心概念。通过这个资料库,你可以找到一系列精心整理的笔记,覆盖了从HTML、CSS到JavaScript,以及更高级的主题,如...