jquery操作css
jquery中的css()方法
css(name|pro|[,val|fn])一个参数:获取css属性值;两个参数:设置css属性;参数可以是属性名对属性值,或者是一个属性,又或者是多个属性组成的对象;
使用该方法有三种设置css样式的途径:
逐个设置;
链式设置(一般不要超过三个,要保证可阅读性);
批量设置
返回css属性
设置css属性
设置多个css属性
*jquery操作class
addClass()向匹配的元素添加指定的类名。
removeClass()从所有匹配的元素中删除全部或者指定的类。
hasClass() 检查匹配的元素是否拥有指定的类。
toggleClass() 从匹配的元素中添加或删除一个类。
*html()、text()、val()
1.html()
取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
在一个 HTML
文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素,那么只有第一个匹配元素的 HTML内容会被获取
2.text()
取得所有匹配元素的内容。
结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。
3.val()
获得匹配元素的当前值。
在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选,将返回一个数组,其包含所选的值。
*节点操作
jquery添加元素
append() 在原节点的末尾添加新节点
append To() 把子元素添加到父元素的末尾
prepend() 在原节点的开头处添加新节点
prepend To() 把子元素添加到父元素的开头
after() 在被选元素之后插入指定的内容
before() 在被选元素之前插入指定的内容
jquery删除元素
remove() 移除被选元素,包括所有文本和子节点,注意!该事件也会移除元素的数据和事件
empty() 移除被选元素的所有子节点和内容,但对于元素的数据和事件不会移除
jquery替换节点
replaceWith() 把被选元素的内容替换为新的内容
replaceAll() 把被选元素替换为新的html元素
jquery复制节点
生成被选元素的副本,包含子节点、文本和属性
*事件进阶
什么是事件
jquery事件的分类
鼠标事件
键盘事件
表单事件
事件绑定
bind绑定事件 不支持动态事件绑定
delegate注册委托事件
on绑定事件
事件解绑
unbind
undelegate
off
动画效果
淡入淡出
隐藏显示