jQuery之DOM操作大全.docx
- 文档编号：2239253
- 上传时间：2022-10-28
- 格式：DOCX
- 页数：11
- 大小：18.72KB
jQuery之DOM操作大全.docx
《jQuery之DOM操作大全.docx》由会员分享，可在线阅读，更多相关《jQuery之DOM操作大全.docx（11页珍藏版）》请在冰豆网上搜索。
jQuery之DOM操作大全
jQuery属性操作
获取元素属性的语法:
attr（name）
例子：
$（"#img1"）.attr（"src"）;
设置元素单个属性的语法:
attr（key,value）
例子：
$（"#img1"）.attr（"src","2.jpg"）;
设置元素多个属性的语法：
attr（{key0:
value0,key1:
value1}）
例子：
$（"#img1"）.attr（{src:
"3.jpg",title:
"jQuery换了一张图片"}）;
通过绑定方法设置元素的属性：
attr（key,function（index））
例子：
$（"#img1"）.attr（"src",function（）{Math.floor（Math.random（））+".jpg"}）;
删除元素的属性：
removeAttr（name）
例子：
（"#img1"）.removeAttr（"title"）;
jQuery内容操作
获取元素的HTML内容：
html（）
设置元素的HTML内容：
html（value）
获取元素的文本内容：
text（）
设置元素的文本内容：
text（value）
text（）与html（）获取到的内容有什么区别呢？
text（）获取只获取文本，当该元素下有html代码时会被自动去除。
如对于代码：
测试文本
$（"#div1"）.text（）; 获取到的是：
"测试文本"
而$（"#div1"）.html（）; 获取到的是：
"
测试文本
"对于设置而言:
$（"#div1"）.html（"
测试文本
"）; 实际在浏览器显示的是："测试文本"。
也就是说，会被浏览器解释。
$（"#div1"）.text（"
测试文本
"）; 实际在浏览器显示得是："
测试文本
"。也就是说，也会当做文本显示出来。
jQueryvalue操作
获取value：
val（）
例子：
$（"#input1"）.val（）;
设置value:
val（value）
例子：
$（"#input1"）.val（"确认提交"）;
jQuerycss操作
jQuery设置单一CSS样式语法：
css（name,value）
例子：
$（"#div1"）.css（"background-color","blue"）;
生成的代码为 blue;">
$（"#div1"）.css（{"background-color":
"red",color:
"wihte"}）;
生成的代码为 red;color: white">
//注意一次过设置多个CSS样式时有"-"横线的css要用双引号括起来
jQuery追加CSS类别语法:
addClass（class）注意它还会保留原有的CSS类别
例子：
$（"#div1"）.addClass（"css1"）;
生成的代码为
若继续执行:
$（"#div1"）.addClass（"css2"）;
生成的代码为
《巴黎圣母院》3000字读书心得范文.docx
