JQuery获得内容和属性方法解析


Posted in jQuery onMay 30, 2020

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

jQuery DOM 操作

jQuery 中非常重要的部分,就是操作 DOM 的能力。

jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。

提示:DOM = Document Object Model(文档对象模型)

DOM 定义访问 HTML 和 XML 文档的标准:

“W3C 文档对象模型独立于平台和语言的界面,允许程序和脚本动态访问和更新文档的内容、结构以及样式。”

获得内容 - text()、html() 以及 val()

三个简单实用的用于 DOM 操作的 jQuery 方法:

  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容(包括 HTML 标记)
  • val() - 设置或返回表单字段的值

下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容:

实例

$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});

下面的例子演示如何通过 jQuery val() 方法获得输入字段的值:

实例

$("#btn1").click(function(){
alert("Value: " + $("#test").val());
});

获取属性 - attr()

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

下面的例子演示如何获得链接中 href 属性的值:

实例

$("button").click(function(){
alert($("#w3s").attr("href"));
});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery插件Echarts实现的渐变色柱状图
Mar 23 jQuery
jQuery实现web页面樱花坠落的特效
Jun 01 jQuery
JQuery EasyUI的一些常用组件
Jul 12 jQuery
jQuery Validate格式验证功能实例代码(包括重名验证)
Jul 18 jQuery
简述jQuery Easyui一些用法
Aug 01 jQuery
jQuery 禁止表单用户名、密码自动填充功能
Oct 30 jQuery
[原创]jQuery实现合并/追加数组并去除重复项的方法
Apr 11 jQuery
jQuery中ajax请求后台返回json数据并渲染HTML的方法
Aug 08 jQuery
jQuery轻量级表单模型验证插件
Oct 15 jQuery
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
Oct 26 jQuery
jQuery实现点击滚动到指定元素上的方法分析
Mar 19 jQuery
jQuery实现简单三级联动效果
Sep 05 jQuery
jQuery实现视频展示效果
May 30 #jQuery
基于JavaScript或jQuery实现网站夜间/高亮模式
May 30 #jQuery
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
May 29 #jQuery
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
May 29 #jQuery
Jquery高级应用Deferred对象原理及使用实例
May 28 #jQuery
JQuery插件tablesorter表格排序实现过程解析
May 28 #jQuery
jQuery实现鼠标滑动切换图片
May 27 #jQuery
You might like
php权重计算方法代码分享
2014/01/09 PHP
PHP实现的mysql操作类【MySQL与MySQLi方式】
2017/10/07 PHP
Laravel 微信小程序后端实现用户登录的示例代码
2019/11/26 PHP
避免回车键导致的页面无意义刷新的解决方法
2011/04/12 Javascript
JSONP 跨域访问代理API-yahooapis实现代码
2012/12/02 Javascript
jquery $.each() 使用小探
2013/08/23 Javascript
jQuery中:radio选择器用法实例
2015/01/03 Javascript
JavaScript 匿名函数和闭包介绍
2015/04/13 Javascript
javascript实现仿IE顶部的可关闭警告条
2015/05/05 Javascript
ztree简介_动力节点Java学院整理
2017/07/19 Javascript
完美解决linux下node.js全局模块找不到的情况
2018/05/16 Javascript
微信小程序实现弹出菜单功能
2018/06/12 Javascript
解决vue同一slot在组件中渲染多次的问题
2018/09/06 Javascript
vue 解决provide和inject响应的问题
2020/11/12 Javascript
[03:55]2014DOTA2国际邀请赛 Fnatic经理采访赢DK在情理之中
2014/07/10 DOTA
[02:01]BBC DOTA2国际邀请赛每日综述:八强胜者组鏖战,中国队喜忧参半
2014/07/19 DOTA
python判断windows隐藏文件的方法
2014/03/21 Python
python实现unicode转中文及转换默认编码的方法
2017/04/29 Python
Pytorch入门之mnist分类实例
2018/04/14 Python
Python实现迭代时使用索引的方法示例
2018/06/05 Python
5分钟 Pipenv 上手指南
2018/12/20 Python
Python+Kepler.gl轻松制作酷炫路径动画的实现示例
2020/06/02 Python
欧洲当代手工玻璃和瓷器的领先品牌:LSA International
2018/06/03 全球购物
20世纪40年代连衣裙和复古服装:The Seamstress Of Bloomsbury
2018/07/24 全球购物
拖鞋店创业计划书
2014/01/15 职场文书
运输服务质量承诺书
2014/03/27 职场文书
房屋买卖协议书范本
2014/04/10 职场文书
中学生爱国演讲稿
2014/09/05 职场文书
国家机关领导干部民主生活会对照检查材料思想汇报
2014/09/17 职场文书
普通党员个人整改措施
2014/10/27 职场文书
2014年销售助理工作总结
2014/12/01 职场文书
安全主题班会教案
2015/08/12 职场文书
创业者如何撰写出一份打动投资人的商业计划书?
2019/07/02 职场文书
Golang获取List列表元素的四种方式
2022/04/20 Golang
python游戏开发之pygame实现接球小游戏
2022/04/22 Python
Win11 22H2 2022怎么更新? 获得Win1122H22022版本升级技巧
2022/09/23 数码科技