jq-基础语法

1.互换

jQuery对象要使用DOW中的API

   1. $('p')[0]  加索引后自动转换成DOW对象

   2.$('p').get(0)

DOW对象转换 成JQuery对象

   var btn = document.getElementById('btn');

   $(btn);  将DOW对象作为参设数传入即可转换为jQuery对象

2.类样式

$(selector)addClass()          添加类

$(selector)removeClass()    移除

$(selector)hasClass ()         判断有无类

$(selector)toggleClass()      有就删除没有就添加

$(selector)show(2000,function(){})         显示

$(selector)hide  ()                隐藏

$(selector)toggle  ()              切换

$(selector)slideDown()         滑入

$(selector)slideUp ()             滑出

$(selector)slideToggle()        切换滑入滑出

$(selector)fadeIn()            淡出

$(selector)fadeOut ()       淡入

$(selector)fadeTo()   淡入到某个值

$(selector)fadeToggle()   切换淡入淡出

$(selector)animate()              运动

3.选择方式

$(selector).parent(); //获取直接父级

$(selector).parents('p');//获取所有父级元素直至html

$(selector).children; //获取直接子元素

$(selector).find("span"); //获取所有的后代元素

$(selector).siblings //所有的兄弟节点

$(selector).next() //下一个兄弟节点

$(selector).next All()//后面的所有节点

$(selector).prev() //前面一个的兄弟节点

$(selector).prevAll()//前面的所有兄弟节点

4.其他

$(selector).empty()//被选元素移除所有内容，包括所有文本和子节点。

$(selector).attr(attribute)//返回被选元素的属性值。

(selector).attr(attribute,value)//设置被选元素的属性和值

val()     方法返回或设置被选元素的值。

元素的值是通过 value 属性设置的。该方法大多用于 input 元素。

text() 方法方法设置或返回被选元素的文本内容