java jquery html_[Java教程]jquery属性，遍历，HTML操作

[Java教程]jquery属性，遍历，HTML操作

0

2016-09-17 09:00:04

Jquery属性遍历、HTML操作。

Jquery拥有可操作HTML元素和属性的强大方法。

下面是我整理的一些jquery遍历函数：.add()将元素添加到匹配元素的集合中。

.andSelf()把堆栈中之前的元素集添加到当前集合中。

.children()获得匹配元素集合中每个元素的所有子元素。

.closest()从元素本身开始，逐级向上级元素匹配，并返回最先匹配的祖先元素。

.contents()获得匹配元素集合中每个元素的子元素，包括文本和注释节点。

.each()对 jQuery 对象进行迭代，为每个匹配元素执行函数。

.end()结束当前链中最近的一次筛选操作，并将匹配元素集合返回到前一次的状态。

.eq()将匹配元素集合缩减为位于指定索引的新元素。

.filter()将匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素。

.find()获得当前匹配元素集合中每个元素的后代，由选择器进行筛选。

.first()将匹配元素集合缩减为集合中的第一个元素。

.has()将匹配元素集合缩减为包含特定元素的后代的集合。

.is()根据选择器检查当前匹配元素集合，如果存在至少一个匹配元素，则返回 true。

.last()将匹配元素集合缩减为集合中的最后一个元素。

.map()把当前匹配集合中的每个元素传递给函数，产生包含返回值的新 jQuery 对象。

.next()获得匹配元素集合中每个元素紧邻的同辈元素。

.nextAll()获得匹配元素集合中每个元素之后的所有同辈元素，由选择器进行筛选(可选)。

.nextUntil()获得每个元素之后所有的同辈元素，直到遇到匹配选择器的元素为止。

.not()从匹配元素集合中删除元素。

.offsetParent()获得用于定位的第一个父元素。

.parent()获得当前匹配元素集合中每个元素的父元素，由选择器筛选(可选)。

.parents()获得当前匹配元素集合中每个元素的祖先元素，由选择器筛选(可选)。

.parentsUntil()获得当前匹配元素集合中每个元素的祖先元素，直到遇到匹配选择器的元素为止。

.prev()获得匹配元素集合中每个元素紧邻的前一个同辈元素，由选择器筛选(可选)。

.prevAll()获得匹配元素集合中每个元素之前的所有同辈元素，由选择器进行筛选(可选)。

.prevUntil()获得每个元素之前所有的同辈元素，直到遇到匹配选择器的元素为止。

.siblings()获得匹配元素集合中所有元素的同辈元素，由选择器筛选(可选)。

.slice()将匹配元素集合缩减为指定范围的子集。

以上是我对jquery遍历函数的见解。

HTML操作DOM的方法：

Jquery最重要的部分就是操作DOM的能力，jquery提供了一系列与DOM相关的方法，这使访问和操作属性的元素和属性就会变得很容易，怎么操作DOM对象：document Object Model(文档对象模型)DOM定义访问HTML和文档的标准：“W3C文档对象模型独立于平台和语言的界面，允许程序员和脚本动态访问和更新文档内容、结构以及样式。”。DOM获得-tex()、html()以及val()三个简单实用的用于 DOM 操作的 jQuery 方法：text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值获取属性 - attr()

jQuery attr() 方法用于获取属性值。

设置所有 p 元素的内容：

$(".btn1").click(function(){

$("p").html("Hello world!");

});

当使用该方法返回一个值时，它会返回第一个匹配元素的内容。

$(selector).html()

当使用该方法设置一个值时，它会覆盖所有匹配元素的内容。

$(selector).html(content)

使用函数来设置所有匹配元素的内容。

$(selector).html(function(index,oldcontent))

以上就是我对jquery属性，遍历，HTML操作的理解与见解，希望可以对大家有所帮助。

本文网址：http://www.shaoqun.com/a/250754.html

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：admin@shaoqun.com。

HTML

0