jQuery中的DOM操作(二)
来源:互联网 发布:悦木之源 知乎 编辑:程序博客网 时间:2024/05/21 11:22
1.属性操作
在jQuery中,用attr()方法来获取和设置元素的属性,removeAttr()方法来删除元素属性
2.样式操作
addClass()方法用来追加样式;
removeClass()用来移除样式;
toggle()用来切换样式;(注意区别hover()方法)
例:$toggleBtn.toggle(function() { //显示元素 代码3},function() { //隐藏元素 代码4});
toggle()方法此处的作用是交替执行代码3和代码4两个函数,如果元素原来是显示的,则隐藏它;如果元素原来是隐藏的,则显示它。此时,toggle()方法主要是控制行为上的重复切换
hasClass()用来判断元素中是否含有某个class,如果有,则返回true,否则返回false;
二。设置和获取HTML,文本和值
1.html()方法类似于js中innerHTML属性,可以用来读取或者设置某个元素的HTML内容
2.text()方法类似于js中的innerText属性,用来读取或设置某个元素中的文本内容
3.val()方法类似于js中的value属性,可以用来读取或设置某个元素的值
例:$("#address").focus(function () { var txt_value=$(this).val(); if(txt_value == "请输入邮箱地址"){ $(this).val(""); }});$("#address").blur(function () { var txt_value=$(this).val(); if(txt_value == ""){ $(this).val("请输入邮箱地址"); }});
三。遍历节点
1.children()方法用于取得匹配元素的子元素集合(不考虑其他后代元素)
2.next()方法用于取得匹配元素后面紧邻的同辈元素
例:var $p1=$("p").next(); //取得紧邻<p>元素后的同辈元素
3.prev()方法用于取得匹配元素前面紧邻的同辈元素
4.siblings()用于取得匹配元素前后所有的同辈元素
0 0
- jQuery中的DOM操作(二)
- jQuery中的DOM操作(二)
- jQuery 中的DOM操作(二)
- 二. JQuery中的DOM操作
- Jquery中的DOM操作 (二.插入节点)
- jQuery中的DOM操作
- jQuery中的DOM操作
- jQuery中的DOM操作
- JQuery中的DOM操作
- jQuery中的DOM操作
- jQuery 中的 DOM 操作
- JQuery中的DOM操作
- jQuery中的DOM操作
- jQuery 中的 DOM 操作
- jquery中的DOM操作
- jquery中的Dom操作
- JQuery中的DOM操作
- jQuery中的DOM操作
- Handler 机制
- android之listview点击item展开内容
- PHP开发调试环境配置
- Android性能分析工具Systrace的使用
- 如何通过正则表达式判断一组字符串是否符合规范,首字母必须是字母、$、或是下划线
- jQuery中的DOM操作(二)
- kali linux 笔记
- word中将目录变为正文
- <html5 canvas>fillStyle属性和strokeStyle属性
- iOS 9键盘类型合集
- 如 何 复 盘
- Android第三方开源对话消息提示框:SweetAlertDialog(sweet-alert-dialog)
- 一天结束后,如何复盘?
- centos添加路由