JQuery常用方法及属性

7.

常用方法及属性

         a.  (选择器).Each(function(){})（each() 方法为每个匹配元素规定要运行的函数。为选择器中所选到的元素都执行指定函数）

         b.

Attr（设置或返回被选元素的属性值。例{$("img").attr({ src: "test.jpg", alt: "Test Image" });}）

prop （

设置或返回被选元素的属性和值。当该方法用于返回属性值时，则返回第一个匹配元素的值。

该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。

且参数可写函数。

）

removeAttr （从被选元素中移除属性。）

removeProp（移除由 prop() 方法设置的属性。）

{需要移除或写入Html元素时 用Attr}

         c.

toggleClass（ 向一个或多个元素 添加或删除 一个或多个类名 .class）

 addClass      （添加）

removeClass （删除）

         d. Siblings() （返回被选元素的所有同级元素。）

         e. Find() （a.Find(b) a元素后代中所有的b元素）

         f. Eq() （n 是一个整数。当 n 取值为 0 或正整数时，eq(0) 获取的是第 1 个元素，eq(1) 获取的是第 2 个元素，……，以此类推。

  当 n 取值为负整数时，eq(-1) 获取的是倒数第 1 个元素，eq(-2) 获取的是倒数第 2 个元素，……，以此类推。）

         g. .trigger("change")===.change() （被选元素要触发的事件。 a.trigger(b) a元素执行b函数 等同于a.b() 直接执行事件）

         h. val() text() html()

（

text()用于html元素文本内容的存取

html()不但可以用于html元素文本内容的存取，还可以用于html内容的存取

val()用于input元素内容的存取

）

         i. window.onload 和 $(document).ready(function () {})区别

（

1、执行时间上的区别：

window.onload 必须等到页面内（包括图片的）所有元素加载到浏览器中后才能执行。

$(document).ready(function(){}) 是DOM结构加载完毕后就会执行。

 

所以，假如他俩同时存在的话，$(document).ready 会比 window.onload 先执行。

 

2、编写个数不同：

window.onload 不能同时写多个，如果有多个 window.onload，则只有最后一个会执行，它会把前面的都覆盖掉。

$(document).ready(function(){}) 则不同，它可以编写多个，并且每一个都会执行。

 

3、简写方法：

window.onload 没有简写的方法。

$ (document).ready(function(){}) 可以简写为 $(function(){})。

）

         j. $(selector).is(":visible")  （$(a).is(':visible')是指可见的a元素.)

         k. Stop()(停止动画)

      $(selector).stop(stopAII,goToEnd)

             //stopAII可选。规定是否停止被选元素的所有加入队列的动画

             //goToEnd可选。规定是否允许完成当前的动画。该参数只能在设置了 stopAII参数时使用。

         l. toggle() 方法用于绑定两个或多个事件处理器函数（多个事件则全部循环），以响应被选元素的轮流的 click 事件。

且可实现切换 Hide() 和 Show()功能