jquery属性,遍历,HTML操作方法详解


Posted in Javascript onSeptember 17, 2016

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定义访问HTMLXML文档的标准:“W3C文档对象模型独立于平台和语言的界面,允许程序员和脚本动态访问和更新文档内容、结构以及样式。”。DOM获得-tex()、html()以及val()三个简单实用的用于 DOM 操作的 jQuery 方法:text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值获取属性 - attr()

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

设置所有 p 元素的内容:

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

 $("p").html("Hello <b>world</b>!");

});

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

$(selector).html()

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

$(selector).html(content)

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

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

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

关于这篇jquery属性,遍历,HTML操作方法详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
window.onload 加载完毕的问题及解决方案(下)
Jul 09 Javascript
Javascript attachEvent传递参数的办法
Dec 14 Javascript
jQuery bxCarousel实现图片滚动切换效果示例代码
May 15 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
Jun 09 Javascript
微信小程序 获取相册照片实例详解
Nov 16 Javascript
javascript 单例模式详解及简单实例
Feb 14 Javascript
Vue之Watcher源码解析(1)
Jul 19 Javascript
代码详解javascript模块加载器
Mar 04 Javascript
5分钟快速掌握JS中var、let和const的异同
Sep 19 Javascript
JavaScript实现获取两个排序数组的中位数算法示例
Feb 26 Javascript
使用vscode快速建立vue模板过程详解
Oct 10 Javascript
解决antd 表单设置默认值initialValue后验证失效的问题
Nov 02 Javascript
详解Angular2中的编程对象Observable
Sep 17 #Javascript
详细总结Javascript中的焦点管理
Sep 17 #Javascript
js变量提升深入理解
Sep 16 #Javascript
再谈javascript常见错误及解决方法
Sep 16 #Javascript
使用JQuery中的trim()方法去掉前后空格
Sep 16 #Javascript
浅谈jQuery效果函数
Sep 16 #Javascript
jQuery插件easyUI实现通过JS显示Dialog的方法
Sep 16 #Javascript
You might like
德生PL990的分析评价
2021/03/02 无线电
PHP实现读取一个1G的文件大小
2013/08/24 PHP
php截取字符串之截取utf8或gbk编码的中英文字符串示例
2014/03/12 PHP
Linux下安装PHP MSSQL扩展教程
2014/10/24 PHP
php中如何执行linux命令详解
2018/11/06 PHP
离开页面时检测表单元素是否被修改,提示保存的js代码
2010/08/25 Javascript
JavaScript window.location对象
2014/11/14 Javascript
JavaScript将一个数组插入到另一个数组的方法
2015/03/19 Javascript
用Node.js通过sitemap.xml批量抓取美女图片
2015/05/28 Javascript
JavaScript对象参数的引用传递
2016/01/14 Javascript
PhotoSwipe异步动态加载图片方法
2016/08/25 Javascript
jQ处理xml文件和xml字符串的方法(详解)
2016/11/22 Javascript
详谈javascript精度问题与调整
2017/07/08 Javascript
JavaScript实现简单生成随机颜色的方法
2017/09/21 Javascript
javascript字体颜色控件的开发 JS实现字体控制
2017/11/27 Javascript
JavaScript的Object.defineProperty详解
2018/07/09 Javascript
vue基于element的区间选择组件
2018/09/07 Javascript
微信小程序云开发之云函数详解
2019/05/16 Javascript
vue 微信扫码登录(自定义样式)
2020/01/06 Javascript
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
2020/05/03 Javascript
Electron实现应用打包、自动升级过程解析
2020/07/07 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
2020/08/27 Javascript
[04:21]狐狸妈带你到现场 DOTA2 TI中国区预选赛线下赛路线指引
2014/05/22 DOTA
python批量导出导入MySQL用户的方法
2013/11/15 Python
浅析python打包工具distutils、setuptools
2018/04/20 Python
python实现海螺图片的方法示例
2019/05/12 Python
Python Matplotlib 基于networkx画关系网络图
2019/07/10 Python
Python xpath表达式如何实现数据处理
2020/06/13 Python
纯CSS3实现运行时钟的示例代码
2021/01/25 HTML / CSS
伦敦哈德森鞋:Hudson Shoes
2018/02/06 全球购物
Bulk Powders意大利:运动补充在线商店
2019/02/09 全球购物
台湾租车首选品牌:IWS艾维士租车
2019/05/03 全球购物
乌鸦喝水教学反思
2014/02/07 职场文书
根叔历年演讲稿
2014/05/20 职场文书
2015建军节87周年演讲稿
2015/03/19 职场文书
六年级作文之预言作文
2019/10/25 职场文书