w3school---JQuery HTML
时间：2014-05-29 03:47:19
收藏：0
阅读：304
DOM = Document Object Model（文档对象模型）
三个简单实用的用于 DOM 操作的 jQuery 方法：
- text() - 设置或返回所选元素的文本内容
- html() - 设置或返回所选元素的内容（包括 HTML 标记）
- val() - 设置或返回表单字段的值
获取属性 - attr()： $("#w3s").attr("href")；设置属性值： $("#w3s").attr("href","http://www.w3school.com.cn/jquery");使用对象（{"href":"www","title":"http"}）可以同时设置多个。
text()、html() 以及 val() 的回调函数:
回调函数由两个参数：被选元素列表中当前元素的下标i，以及原始（旧的）值origValue。$("button").click(function(){$("#w3s").attr("href", function(i,origValue){ return origValue + "/jquery"; }); });
添加新的 HTML 内容
- append() - 在被选元素的结尾插入内容 ， 在元素中
- prepend() - 在被选元素的开头插入内容，在元素中
- after() - 在被选元素之后插入内容，
- before() - 在被选元素之前插入内容
删除元素/内容
jQuery remove() 方法删除被选元素及其子元素。
jQuery empty() 方法删除被选元素的子元素。
jQuery remove() 方法也可接受一个参数，允许您对被删元素进行过滤。即只删除带参数的
jQuery 操作 CSS （css参数）
- addClass() - 向被选元素添加一个或多个类
- removeClass() - 从被选元素删除一个或多个类
- toggleClass() - 对被选元素进行添加/删除类的切换操作
- css() - 设置或返回样式属性。 返回（首个）指定的 CSS 属性的值，设置样式css({"propertyname":"value","propertyname":"value",...});
宽高：
- width()、height()：获取 $(document).width(); $(window).width(); 设置：$("#div1").width(500).height(500);
- innerWidth()、innerHeight() 返回元素的宽高（包括内边距）
- outerWidth()、outerHeight()返回元素的宽高（包括内边距和边框）
评论（0）