• jQuery对象和语法


    jQuery类型

    引入jquery.js时,其实是向全局作用域中,添加了一个新的类型--jQuery。

    构造函数:负责创建jQuery类型的对象。

    原型对象:保存jQuery对象可用的所有简化版API,只有jQuery类型的子对象,才能用简化版API。

    什么是jQuery对象

    封装DOM元素,并提供操作DOM元素的简化版API的类数组对象。

    DOM元素不是jQuery类型子对象,无法直接使用jQuery的简化版API,想使用jQuery,必须先创建jQuery对象,封装DOM对象。

    基础语法:$(selector).action()

    实例:$("p").hide()  指隐藏所有<p>元素

    在jQuery中没有=,都是放在()中执行操作。

    jQuery三大特性

    1.很多一个函数两用

    未给新值,默认执行获取操作

    给了新值,变为执行修改操作

    例如:html()  获取内容

       html(xxx)  修改内容

    注:jQuery中html即DOM中的innerHTML

    2.自带遍历

    对jQuery对象调用一次简化版API,等效于对类数组对象中的每个元素都调用一次API。

    $("button").click(function(){ })  对找到的每一个button元素都进行一次括号内的function操作

    3.几乎每个jQuery API都返回正在使用的jQuery对象本身

    链式操作,jQuery允许我们在相同的元素上运行多条 jQuery 命令,一条接着另一条。

    $("#p1").css("color","red").slideUp(2000).slideDown(2000);

    也可以换行写,方便阅读

    $("#p1").css("color","red")
      .slideUp(2000)
      .slideDown(2000);

    文档就绪事件

    所有的jQuery函数都位于一个document ready函数中:

    这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。

    可简写为:

    $(function(){

    //开始写jQuery代码

    });

  • 相关阅读:
    面试(5)
    面试(五)
    面试(4)
    面试(四)
    面试(三)
    面试(2,3)
    利用session控制 长时间未操作自动退出登录
    一次性清除所有session
    动态引进js文件
    Vue--findIndex方法的使用原理
  • 原文地址:https://www.cnblogs.com/1016391912pm/p/11918429.html
Copyright © 2020-2023  润新知