jQuery 中的Dom操作 jQuery动画
2018-03-26 14:50
309 查看
包裹节点
用wrap()方法将某个节点用其他标记包裹起来
属性操作
在jQuery中,用attr()方法获取和设置元素属性,removeAttr()方法来删除元素属性
样式操作
移除样式
相对应的,使用removeClass()方法来删除 class 的某个值,他的作用是从匹配的的元素中删除全部或指定的 class 。
判断是否含有某个样式
hasClass()可以用来判断元素中是否含有某个 class
设置和获取HTML、文本和值
text()方法
text()方法类似于javascript中的innerText属性,可以用来读取或设置元素中的文本内容
val()方法
此方法类似于javascript中的value属性,可以用来设置和获取元素的值
遍历节点
children方法
用于去的匹配的子元素集合。
children()方法只考虑子元素而不考虑后代元素
CSS操作
可以直接利用css()方法获取和设置元素的样式属性。
事件绑定
阻止冒泡
使用事件对象 event 的方法stopPropagation()
jQuery动画
show() 方法和 hide() 方法
调用hide()方法会将元素的display样式改为' none '
show()方法将元素的display样式设置为先前的显示状态
show()方法和hide()方法的参数可以指定毫秒值,缓慢的隐藏和展示
slideUp()方法和slideDown()方法
slideUp()方法和slideDown()方法只会改变元素的高度
如果一个元素的 display 属性值为'none',调用slideDown()方法时,这个元素将由上至下延伸显示slideUp()方法正好相反,元素将由下到上缩短隐藏
用wrap()方法将某个节点用其他标记包裹起来
属性操作
在jQuery中,用attr()方法获取和设置元素属性,removeAttr()方法来删除元素属性
样式操作
移除样式
相对应的,使用removeClass()方法来删除 class 的某个值,他的作用是从匹配的的元素中删除全部或指定的 class 。
判断是否含有某个样式
hasClass()可以用来判断元素中是否含有某个 class
设置和获取HTML、文本和值
text()方法
text()方法类似于javascript中的innerText属性,可以用来读取或设置元素中的文本内容
val()方法
此方法类似于javascript中的value属性,可以用来设置和获取元素的值
遍历节点
children方法
用于去的匹配的子元素集合。
children()方法只考虑子元素而不考虑后代元素
CSS操作
可以直接利用css()方法获取和设置元素的样式属性。
事件绑定
阻止冒泡
使用事件对象 event 的方法stopPropagation()
jQuery动画
show() 方法和 hide() 方法
调用hide()方法会将元素的display样式改为' none '
show()方法将元素的display样式设置为先前的显示状态
show()方法和hide()方法的参数可以指定毫秒值,缓慢的隐藏和展示
slideUp()方法和slideDown()方法
slideUp()方法和slideDown()方法只会改变元素的高度
如果一个元素的 display 属性值为'none',调用slideDown()方法时,这个元素将由上至下延伸显示slideUp()方法正好相反,元素将由下到上缩短隐藏
相关文章推荐
- jquery操作大全筛选dom事件动画表单等
- Jquery--概述、选择器、事件、DOM操作、动画
- Jquery学习——选择器、DOM操作、动画
- jQuery 选择器、DOM操作、事件、动画
- JQuery DOM操作、 事件和动画
- jQuery 选择器、DOM操作、事件、动画
- Web29. jQuery选择器 Dom操作 样式 事件处理 动画
- jQuery 选择器、DOM操作、事件、动画
- jQuery 选择器、DOM操作、事件、动画
- jQuery Dom 操作和jQuery事件和动画
- jQuery 选择器、DOM操作、事件、动画
- JQuery总结:选择器归纳、DOM遍历和事件处理、DOM完全操作和动画 (转)
- jQuery选择器、操作DOM、事件、动画
- JQuery总结:选择器归纳、DOM遍历和事件处理、DOM完全操作和动画
- JQuery总结:选择器归纳、DOM遍历和事件处理、DOM完全操作和动画
- jQuery的DOM操作之删除节点示例
- JQuery中的DOM操作
- jQuery中Dom的基本操作小结
- JqueryDOM操作-切换样式
- JQuery中的DOM操作