jQuery HTML②
2013-08-14 16:13
176 查看
获得内容 - text()、html() 以及 val()
三个简单实用的用于 DOM 操作的 jQuery 方法:text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
获取属性 - attr()
jQuery attr() 方法用于获取属性值。
添加新的 HTML 内容
append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
jQuery - 删除元素
如需删除元素和内容,一般可使用以下两个 jQuery 方法:remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素
过滤被删除的元素
jQuery remove() 方法也可接受一个参数,允许您对被删元素进行过滤。该参数可以是任何 jQuery 选择器的语法。
jQuery 操作 CSS
jQuery 拥有若干进行 CSS 操作的方法。常用下面这些:addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性
如需设置指定的 CSS 属性,请使用如下语法:
css("propertyname","value");
如需设置多个 CSS 属性,请使用如下语法:
css({"propertyname":"value","propertyname":"value",...});
jQuery - 尺寸
通过jQuery,很容易处理元素和浏览器窗口的尺寸。
jQuery width() 和 height() 方法
width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。
jQuery innerWidth() 和 innerHeight() 方法
innerWidth() 方法返回元素的宽度(包括内边距)。innerHeight() 方法返回元素的高度(包括内边距)。
jQuery outerWidth() 和 outerHeight() 方法
outerWidth() 方法返回元素的宽度(包括内边距和边框)。outerHeight() 方法返回元素的高度(包括内边距和边框)。
相关文章推荐
- jQuery-HTML
- jquery笔记:$(html)
- jQuery和CSS 3定制HTML 5视频播放器
- JQuery插件第二十五个:改编自网络获取html控件的绝对位置
- 关于Jquery.Data()和HTML标签的data-*属性
- jquery html改变div当中的内容
- php+jquery+html实现点击不刷新加载更多
- jQuery 文本编辑器插件 HtmlBox 使用
- jQuery 的 html() 方法的问题。
- Java上的jQuery?解析HTML利器—Jsoup
- jQuery学习 三 jQuery HTML
- jquery 替换原来的html内容
- jquery遍历html所有对象
- [Html]Jquery实现星级评分效果
- html或jsp页面刷新验证码的js方式和jquery方式
- 使用java的html解析器jsoup和jQuery实现一个自动重复抓取任意网站页面指定元素的web应用
- jquery中的html和text的区别
- 8 HTML&JS等前端知识系列之jquery的自定义方法
- jQuery教程(六)Jquery生成的HTML
- jQuery对内容的获取,添加,移动的.append(), .html(), .prepend(), .after(), .before()