jQuery学习笔记(四)_ 获取和设置内容或属性
来源:互联网 发布:air mac thea 编辑:程序博客网 时间:2024/04/29 23:32
获取内容或属性
jQuery 拥有可操作 HTML 元素和属性的强大方法,这些方法相比较于DOM的方法,真的是简便好多。最明显的是代码量。笔者真的是感触颇深。
jQuery获得内容
text()方法
设置或返回所选元素的文本内容。
html()方法
设置或返回所选元素的内容。
val()方法
设置或返回表单字段的值。
完全赘述文字并不能直观的展示,那就来写一段代码吧!
<html><head><script src="/jquery/jquery-1.11.1.min.js"></script><script>$(document).ready(function(){ $("#xinpeng1").click(function(){ alert("Text: " + $("#xinpeng").text());//显示文本 }); $("#xinpeng2").click(function(){ alert("HTML: " + $("#xinpeng").html());//显示html }); $("#xinpeng3").click(function(){ alert("value: " + $("#xinpeng4").val());//显示value });});</script></head><body><p id="xinpeng">Hello<b>jQuery</b>!!!</p><button id="xinpeng1">显示 文本</button><button id="xinpeng2">显示 HTML</button><p>姓名:<input type="text" id="xinpeng4" value="新鹏"></p><button id="xinpeng3">显示 value</button></body></html>
jQuery获取属性
attr()方法
用于获取属性值。
<script>$(document).ready(function(){ $("button").click(function(){ alert($("#xinpeng").attr("href"));//获取属性href });});</script>
设置内容或属性
所用方法与获取时的完全一样,设置的不同点在于在方法内加入参数,即你要设置的内容值或属性值。
阅读全文
1 0
- jQuery学习笔记(四)_ 获取和设置内容或属性
- jQuery学习之获取和设置内容以及属性
- jQuery学习笔记(六)_获取或设置CSS类
- jQuery - 设置获取内容和属性
- jQuery--获取/设置内容和属性
- Jquery—获取和设置html内容和属性
- jQuery - 获取内容和属性
- jQuery - 获取内容和属性
- jQuery - 获取内容和属性
- jQuery - 设置内容和属性
- jQuery - 设置内容和属性
- jQuery - 设置内容和属性
- jQuery - 设置内容和属性
- jQuery - 设置内容和属性
- jQuery - 设置内容和属性
- jQuery设置内容和属性
- JavaScript(19)jQuery HTML 获取和设置内容和属性
- JavaScript(19)jQuery HTML 获取和设置内容和属性
- Matlab入门
- 筛选法求素数
- Codeforces Round #430 (Div. 2) C , D 题 题解
- 第一次工业革命(四)——蒸汽机车以及第一次工业革命的结束
- Redis+TwemProxy(nutcracker)集群方案部署记录
- jQuery学习笔记(四)_ 获取和设置内容或属性
- 浅谈iOS常用的几种传值方式
- spring boot 运行jsp原理分析
- 记录NGUI<二>
- Java操作Sqlite数据库
- 学习之路——命令行菜单小程序V1.0
- java面试题04
- 【Nginx应用】2.在Linux中搭建Nginx
- 九月半集训总结