jQuery学习笔记之设置取值
2016-07-13 20:12
218 查看
jQuery 的核心就是操作 DOM 的能力。
三个简单实用的用于 DOM 操作的 jQuery 方法:
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
append和after的区别就是 append在被选元素内容的结尾插入内容 after是在被选元素之后插入
删除元素和内容,一般可使用以下两个 jQuery 方法:
remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素
三个简单实用的用于 DOM 操作的 jQuery 方法:
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
$("#btn1").click(function(){ $("#test1").text("Hello world!"); }); $("#btn2").click(function(){ $("#test2").html("<b>Hello world!</b>"); }); $("#btn3").click(function(){ $("#test3").val("Dolly Duck"); });
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
append和after的区别就是 append在被选元素内容的结尾插入内容 after是在被选元素之后插入
删除元素和内容,一般可使用以下两个 jQuery 方法:
remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素
相关文章推荐
- JQuery中ajax错误处理之页面跳转
- jQuery技巧
- jquery插件讲解:轮播(SlidesJs)+验证(Validation)
- jQuery CSS 操作 - css() 方法
- jQuery - 获取并设置 CSS 类
- jQuery.form.js使用
- jquery easyui datagrid使用参考
- 用JQuery给图片添加鼠标移入移出事件
- jQuery学习笔记之事件
- 【实践】jQuery实现三联联动
- jQuery EasyUI数据表格之一
- jQuery EasyUI数据表格之一
- jQuery EasyUI数据表格之一
- jquery遍历table元素
- jQuery中html()/text()/text()中的区别
- 一些前端开发实用的函数—1(jquery)
- 【分页】Jquery分页排序插件 jPList
- 说说JSON和JSONP,也许你会豁然开朗,含jQuery用例
- jquery产品树形介绍页特效
- 【键盘】jQuery+CSS3模拟键盘事件(精)