最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

jquery中eq和get的区别与使用方法_jquery

来源:懂视网 责编:小采 时间:2020-11-27 20:58:50
文档

jquery中eq和get的区别与使用方法_jquery

jquery中eq和get的区别与使用方法_jquery:举个例子: 绯雨使用eq来获得第一个p标签的color值: $(p).eq(0).css(color) //因为eq(num)返回的是个jq对象,所以可以用jq的方法css使用get来获得第一个p标签的color值: $(p).get(0).style.color //因为get(num)返回的
推荐度:
导读jquery中eq和get的区别与使用方法_jquery:举个例子: 绯雨使用eq来获得第一个p标签的color值: $(p).eq(0).css(color) //因为eq(num)返回的是个jq对象,所以可以用jq的方法css使用get来获得第一个p标签的color值: $(p).get(0).style.color //因为get(num)返回的

举个例子:

绯雨

使用eq来获得第一个p标签的color值:
$("p").eq(0).css("color") //因为eq(num)返回的是个jq对象,所以可以用jq的方法css使用get来获得第一个p标签的color值:
$("p").get(0).style.color //因为get(num)返回的是个html对象,所以要使用传统的HTML对象方法,jq对象此时就没用了。当然,你也可以get(num)后把对象转为jq的对象再进行操作:
$($("p").get(0)).css("color")--------------------------------------------------------------------------
more eq
see:
http://api.jquery.com/eq/
--------------------------------------------------------------------------
more get:
see:
http://api.jquery.com/get/
eq:返回是一个 jquery对象 作用是 将匹配的元素集合缩减为一个元素。这个元素在匹配元素集合中的位置变为0,而集合长度变成1
get:是一个html 对象数组作用是取得其中一个匹配的元素。 num表示取得第几个匹配的元素。

如:html代码
代码如下:

  • li-1

  • li-2



  • 比如我们通过jquery选择器 $("li")那么我们将会有两个li元素我如何只想选择其中一个呢?

    $("li:eq(0)").html() 或者 $("li").eq(0).html() 就是第一个li 这里我们将获得 li-1
    $("li:eq(1)").html() 或者 $("li").eq(1).html() 就是第二个li 这里我们将获得 li-2

    下面我们看看 get因为get返回是html对象所以我们这里
    $("li").get(0).style.color='red'
    只有这样用或者将 get返回对象转换成jquery对象在操作
    $($("li").get(0)).css("color",'red')即可

    完整代码
    代码如下:



    New Document





  • li-1

  • li-2




  • 文档

    jquery中eq和get的区别与使用方法_jquery

    jquery中eq和get的区别与使用方法_jquery:举个例子: 绯雨使用eq来获得第一个p标签的color值: $(p).eq(0).css(color) //因为eq(num)返回的是个jq对象,所以可以用jq的方法css使用get来获得第一个p标签的color值: $(p).get(0).style.color //因为get(num)返回的
    推荐度:
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top