jQuery常用方法汇总.pdfVIP

jQuery常⽤⽅法汇总 常⽤⽅法索引： 1.JQuery⾃执⾏函数（三种） 2.text() html() val() 3.css() 4.get() ⾮ajax⽤法 5.parent() children() parents() find() 6.eq() siblings() index() 7.height() width() 8.addClass() removeClass() hasClass() 9.toggle() toggleClass() 10.show() hide() 11.trim() 12.slideUp() slideDown() slideToggle() 13.attr() 14.add() remove() append() appendTo() prepend() prependTo() 15.on() 事件委托 16.extend() 17.next() nextAll() nextUntil() 18.each() AJAX 19.load() 20.get() post() ajax() 21.trigger() 1.⾃执⾏函数（三种） $(function(){ // do something }) $(document).ready(function(){ //do something }) $().ready(function(){ //do something }) 表⽰⽂档结构已经加载完成（不包含图⽚等⾮⽂字媒体⽂件），onload则指⽰页⾯包含图⽚等⽂件在内的所有元素都加载完成。 2.text() html() val() text() ⽅法设置或返回被选元素的⽂本内容。 当该⽅法⽤于返回内容时，则返回所有匹配元素的⽂本内容（会删除 HTML 标记）。 当该⽅法⽤于设置内容时，则重写所有匹配元素的内容。 语法： 返回⽂本内容： $( selector).text() 设置⽂本内容： $( selector).text( content) 使⽤函数设置⽂本内容： $( selector).text(function (index,currentcontent)) index - 返回集合中元素的 index 位置。 currentcontent - 返回被选元素的当前内容。 html() ⽅法设置或返回被选元素的内容（innerHTML）。 当该⽅法⽤于返回内容时，则返回第⼀个匹配元素的内容。 当该⽅法⽤于设置内容时，则重写所有匹配元素的内容。 语法： 返回内容： $( selector).html() 设置内容： $( selector).html( content) 使⽤函数设置内容： $( selector).html(function (index,currentcontent)) index - 返回集合中元素的 index 位置。 currentcontent - 返回被选元素的当前内容。 val() ⽅法返回或设置被选元素的 value 属性。 当⽤于返回值时： 该⽅法返回第⼀个匹配元素的 value 属性的值。 当⽤于设置值时： 该⽅法设置所有匹配元素的 value 属性的值。 注意：val() ⽅法通常与 HTML 表单元素⼀起使⽤。 语法 返回 value 属性： $( selector).val() 设置 value 属性： $( selector).val( value) 通过函数设置 value 属性： $( selector).val(function (index,currentvalue)) index - 返回集合中元素的 index 位置。 currentvalue - 返回被选元素的当前 value。 3.css() css() ⽅法设置或返回