jq对css的操作

jq对css的操作：

---

• jq操作css

• jq操作class

• html(),text(),val()

jq操作css:

css()设置或者返回值

2.2设置多个值：

css("key":"value","key":"value","key":"value")

.css().css()...

hasClass():返回布尔值(true，false)

jq操作class:

【1】addClass():添加class属性值【2】removeClass():删除class属性值【3】toggleClass():切换class属性

【4】hasClass：判断有无class返回值为布尔值

html(),text(),val()

jq添加元素：

append()：向元素末尾添加指定元素；(ul最后加入li)

appendTo()：把添加的指定元素添加到末尾(li加入到ul里)

prepend()：向元素开头添加指定元素

prependTo()：把添加的指定元素添加到开头

after()：在原来元素后面加入新元素

before()：在原来元素前面加入新元素

删除元素：

remove:删除事件和数据 (移除节点自身)，删除全部

empty:删除文本和内容,不会删除事件（清空节点自身)，只删除文本

替换节点：

replaceWith(替换的内容)

replaceAll:被选元素替换成新元素

克隆节点：clone

事件：

1.鼠标事件：

2.键盘事件：down>press>up

3.表单事件：

4.事件绑定：不支持动态）

委托事件：delegate

on绑定事件

$().on("类型"，function（）){

}

6.事件解绑:

6.1bind与unbiand

6.2:dalegate与undalegate

on与off

动画：

hide()：隐藏元素。

show()：显示元素。

toggle()

方法描述：如果隐藏就设置为显示，如果显示就设置为隐藏

fadeOut()

方法描述：通过淡出的方式隐藏匹配元素。

fadeToggle()

方法描述：用淡入淡出动画显示或隐藏一个匹配元素

slideDown()

方法描述：用滑动动画显示一个匹配元素。

slideUp()

方法描述：用滑动动画隐藏一个匹配元素。

slideToggle()

方法描述：用滑动动画显示或隐藏一个匹配元素。