jQuery操作

1. 选取第一个元素

$("p:first")  

$("p:eq(0)")  

2. 选取奇偶行

$("tr:even")  $("tr:odd")

3. append()

    appendTo()

    prepend()

    before()

    insertBefore()

    after()

    insertAfter()

    prependTo()

4. substring(start,end)  

    stringObject.substr(start [, length ])

5. jqueryObj.width()     width

    jqueryObj.innerWidth()   width + padding

    jqueryObj.outerwidth()   width + padding + border /   可以设置参数,是否包含margin

6. preAll()

    nextAll()

7. add()  将匹配到的元素添加到当前集合中    

8. parents()

9. parent() 

10 .children()   

11. find()

12. is() // 在前面的对象集合中选择符合筛选的对象,参数也可以是函数来判断,只要该函数返回true,就相当于用选择器,返回true。

13. replace()

          stringObject.replace(regexp/substr,replacement)  //用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串

     ECMAScript v3 规定,replace() 方法的参数 replacement 可以是函数而不是字符串。在这种情况下,每个匹配都调用该函数,它返回的字符串将作为替换文本使用

     该函数的第一个参数是匹配模式的字符串。接下来的参数是与模式中的子表达式匹配的字符串,可以有 0 个或多个这样的参数。

     接下来的参数是一个整数,声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。

    

14.  Math.pow(x,y)  

       返回x的y次幂

15. Math.round(x)

      把一个数字舍入为最接近的整数。 对于 0.5,该方法将进行上舍入。 l例如,3.5 将舍入为 4,而 -3.5 将舍入为 -3。

16. Math.sqrt(x)

     返回 参数 x 的平方根。如果 x 小于 0,则返回 NaN。

17. Math.abs(x)

      返回x的绝对值。

18. shift()   //把数组的第一个元素从其中删除,并返回第一个元素的值。

19. unshift()  //向数组的开头添加一个或更多元素,并返回新的长度。

20. pop()  //用于删除并返回数组的最后一个元素。

21. push()  // 向数组的末尾添加一个或多个元素,并返回新的长度。

22.slice()  //从已有的数组中返回选定的元素。

     arrayObject.slice(start,end) 

     // 如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。

     jQuery 遍历函数slice()和JavaScript数组的slice()用法一样。

     jQuery 的 .slice() 方法模仿了 JavaScript 数组对象的 .slice() 方法。它所模仿的特性之一是向 start 或 end 参数传递负数的能力。

     如果提供负数,则指示的是从集合结尾开始的一个位置,而非从开头。

23. Math.floor()  对一个数进行下舍入,返回小于等于 x,且与 x 最接近的整数。

24. setInterval()  

      setInterval(code,millisec[,"lang"])  //循环调用函数

    var int=self.setInterval("clock()",50);  // 注:第一个参数,必须有()

25 . data()

   用于在当前jQuery对象所匹配的所有元素上存取数据。相当于obj.value1 = '1';

   存:data(key,value), 取:data(key)

   取出所有的:data()。

  注意data()函数的所有"存储数据"操作针对当前jQuery对象所匹配的每一个元素;所有"读取数据"操作只针对第一个匹配的元素。

   

  scrollTop()函数用于设置或返回当前匹配元素相对于垂直滚动条顶部的偏移

   当一个元素的实际高度超过其显示区域的高度时,在一定的设置下,浏览器会为该元素显示相应的垂直滚动条。

   此时,scrollTop()返回的就是该元素在可见区域之上被隐藏部分的高度(单位:像素)。

   如果垂直滚动条在最上面(也就是可见区域之上没有被隐藏的内容),或者当前元素是不可垂直滚动的,那么scrollTop()将返回0。

   该函数属于jQuery对象(实例),并且对可见的和隐藏的元素均有效。


scroll()函数用于为每个匹配元素的scroll事件绑定处理函数。该函数也可用于触发scroll事件。此外,你还可以额外传递给事件处理函数一些数据。 scroll事件会在元素的滚动条位置发生改变时触发。该事件一般仅适用于window对象或其他可滚动元素(一般会出现滚动条)。此外,你可以为同一元素多次调用该函数,从而绑定多个事件处理函数。触发scroll事件时,jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。要删除通过scroll()绑定的事件,请使用unbind()函数。



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery是一个流行的JavaScript库,它简化了对DOM元素的操作。下面是一些常见的jQuery操作DOM的示例: 1. 选择元素: 使用jQuery选择器可以方便地选择DOM元素。例如,要选择id为"myElement"的元素,可以使用以下代码: ```javascript var element = $("#myElement"); ``` 2. 操作样式: 使用jQuery可以轻松地添加、删除或修改元素的样式。例如,要将元素的背景颜色设置为红色,可以使用以下代码: ```javascript element.css("background-color", "red"); ``` 3. 操作内容: jQuery提供了许多方法来操作元素的内容。例如,要获取或设置元素的文本内容,可以使用以下代码: ```javascript var text = element.text(); // 获取文本内容 element.text("Hello, World!"); // 设置文本内容 ``` 4. 操作属性: 使用jQuery可以方便地获取或设置元素的属性。例如,要获取或设置元素的href属性,可以使用以下代码: ```javascript var href = element.attr("href"); // 获取href属性值 element.attr("href", "https://www.example.com"); // 设置href属性值 ``` 5. 添加和删除元素: 使用jQuery可以在DOM中添加或删除元素。例如,要在一个元素内部添加一个新的子元素,可以使用以下代码: ```javascript element.append("<div>New element</div>"); // 添加新的子元素 ``` 这些只是jQuery操作DOM的一些基本示例,jQuery还提供了许多其他强大的功能,如事件处理、动画效果等。你可以查阅jQuery的文档以了解更多信息。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值