jQuery中DOM 属性使用实例详解下篇
(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun)
DOM属性(下)
.html()
获取集合中第一个匹配元素的HTML内容
在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多个元素,那么只有第一个匹配元素的 HTML 内容会被获取。
$('div.demo-container').html();
html()方法还可以设置每一个匹配元素的html内容。
我们可以使用 .html() 来设置元素的内容,这些元素中的任何内容会完全被新的内容取代。
$('div.demo-container').html('<p>All new content. <em>You bet!</em></p>');
.val()
获取匹配的元素集合中第一个元素的当前值或设置匹配的元素集合中每个元素的值。主要用于<input>
标签
获取内容
$(".input").val();
设置内容
$(".input").val("username")
.attr()
获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。
.attr()方法只获取第一个匹配元素的属性值。
使用 jQuery的 .attr() 方法得到了一个元素的属性值主要有两个好处:
- 方便:它可以直接被jQuery对象访问并且链式调用其他jQuery方法。
- 浏览器兼容:一些属性在不同浏览器中得到不同的值。 甚至在同一个浏览器的不同版本中。 .attr() 方法减少了兼容性问题。
<!DOCTYPE html> <html> <head> <style> img { padding:10px; } div { color:red; font-size:24px; } </style> <script src="http://9i0i.com/pic.php?p=./jquery-3.6.0.min.js"></script> </head> <body> <img /> <img /> <img /> <div><B>Attribute of Ajax</B></div> <script> $("img").attr({ src: "images/hat.gif", title: "jQuery", alt: "jQuery Logo" }); $("div").text($("img").attr("alt")); </script> </body> </html>
.removeAttr()
为匹配的元素集合中的每个元素中移除一个属性(attribute)。
input.removeAttr("title")
以上就是jQuery中DOM 属性使用实例详解下篇的详细内容,更多关于jQuery DOM 属性的资料请关注程序员之家其它相关文章!
相关文章
深入研究jQuery图片懒加载 lazyload.js使用方法
这篇文章主要介绍了jQuery图片懒加载 lazyload.js使用方法,通过设置临界点,占位符,设置事件来触发加载等等来讲解lazyload.js的使用,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。2017-08-08jQuery dialog 异步调用ashx,webservice数据的代码
点击按钮,在弹出的jQuery.dialog中,显示异步返回的数据。WebService可以写复杂的函数,ashx可以根据传过来的参数调用不同的方法,达到同样的效果。2010-08-08jQuery DateTimePicker 日期和时间插件示例
jQuery UI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,这篇文章主要介绍了jQuery DateTimePicker 日期和时间插件示例,有兴趣的可以了解一下。2017-01-01
最新评论