jQuery 中的Dom操作 jQuery动画

包裹节点

用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()方法正好相反,元素将由下到上缩短隐藏




猜你喜欢

转载自blog.csdn.net/j94926/article/details/79697984
今日推荐