zoukankan      html  css  js  c++  java
  • jQuery-理解选择结果

    使用$函数选择元素返回的是一个对象,可以称这个对象为jQuery对象,在jQuery执行一些操作的时候很多情况下都是返回的jQuery对象。

    jQuery中常用处理结果集的方法和属性
    表达式 例子 说明 备注
    each(function)

    $("form:input").each(

    function(i){alert(this.id);}

    )

    遍历结果集,弹出每个元素的id

    i代表当前循环到的元素的序号;

    this代表当前元素对象。

    get(index) $(".text").get(3) 获得结果集中的第三个元素,并转换为HTMLElement对象  
    length $("p").length 返回结果集长度 同size()方法
    selector $("ul li:gt(2)").selector

    返回选择器的表达式,

    但并不是像超链接中介绍的返回字符串,而是undefined

    与结果集无关,不知作用。
    size() $("p").size() 返回结果集长度 同length属性
    toArray() $("ul li").toArray() 返回结果集的HTMLElement对象数组格式  

    问题思考:
      1)jQuery对象怎么得到普通HTMLElement对象
        答:get(index)、toArray()
      2)怎么由DOM对象生成jQuery对象
        答:$(DOM对象)
      3)迭代处理jQuery对象内含的DOM对象
        答:each(function)
      4)举例说明用jQuery比js方便?  

        答:

          1.修改多个元素

          几乎jQuery对象的内部的所有方法都是直接修改内部含的全部元素
          $("div").css('background','pink');
          2.链式方法调用
          调用一个方法修改jQuery内元素的内容,这个方法的返回结果依然是一个jQuery对象。

  • 相关阅读:
    微信小程序 --- 无法跳转到tab页面问题
    CSS实现单行、多行文本溢出显示省略号(…)
    Animate.css的使用
    Java基础知识学习
    npm 安装包失败 --- 清除npm缓存
    git 学习(4) ----- git rebase
    数组中的reduce 函数理解
    webpack4 学习 --- 使用loader处理静态资源
    IE 11 flex布局兼容性问题 ---- 不支持min-height 和flex:1
    java 中的内置数据类型
  • 原文地址:https://www.cnblogs.com/yw0219/p/5944663.html
Copyright © 2011-2022 走看看