1、三个简单实用的用于 DOM 操作的 jQuery 方法:text(),html(),val()
text() – 设置或返回所选元素的文本内容
html() – 设置或返回所选元素的内容(包括 HTML 标记)
val() – 设置或返回表单字段的值
attr() – 方法用于设置或返回属性值
prop() – 方法用于设置或返回固有属性值
text(),html(),val(),attr(),prop() 拥有回调函数:function(i,origText){ };函数在赋值域
回调函数有两个参数:被选元素列表中当前元素的下标,以及原始(旧的)值。然后以函数新值返回您希望使用的字符串。
2、用于添加新内容的四个 jQuery 方法:append(),prepend(),after(),before()
append() – 在被选元素的结尾插入内容
prepend() – 在被选元素的开头插入内容
after() – 在被选元素之后插入内容
before() – 在被选元素之前插入内容
3、如需删除元素和内容,一般可使用以下两个 jQuery 方法:remove(),empty()
remove() – 删除被选元素(及其子元素)remove() 方法也可接受一个参数,允许对被删元素进行过滤
empty() – 从被选元素中删除子元素
4、jQuery 拥有若干进行 CSS 操作的方法:addClass(),removeClass(),toggleClass(),css()
addClass() – 向被选元素添加一个或多个类
removeClass() – 从被选元素删除一个或多个类
toggleClass() – 对被选元素进行添加/删除类的切换操作
css() – 设置或返回样式属性 css({“propertyname“:”value“,”propertyname“:”value“,…});
5、尺寸
width()
height()
innerWidth()
innerHeight()
outerWidth()
outerHeight()
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/pnotes/18074.html