• 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对象。

  • 相关阅读:
    How to use Log4j 2 with Spring Boot
    SpringBoot使用Redis缓存
    win10下安装redis
    mysql 8.0.15修改密码
    spring-boot集成redis实现缓存功能
    Spring Boot(三):Spring Boot 中 Redis 的使用
    关于 iView-cdn模式
    HTML5 Audio-使用 Media 事件添加进度栏
    vue-cli中自定义路径别名 assets和static文件夹的区别
    CH9001: 各浏览器对常用或者错误的 Content-Type 类型处理方式不一致
  • 原文地址:https://www.cnblogs.com/yw0219/p/5944663.html
Copyright © 2020-2023  润新知