zoukankan      html  css  js  c++  java
  • jQuery函数与对象(一)

    一、jQuery函数
    jQuery函数的两种表现形式:
    1、jQuery()
    2、$()
    说明:
    在jQuery中使用jQuery()与$()是等价的,一般情况下均使用$()

    jQuery函数中可以存放的四种参数形式:    【返回的均是jQuery对象
    1、$(选择器字符串)    
    jQuery函数通过相应选择器获取对应的DOM对象,然后将这些DOM封装到一个jQuery对象中并返回
    eg:

        var $div = $('div');  //选取所有div元素节点并返回有这些DOM节点封装到一个jQuery对象中


    2、$(DOM对象)(即Node的实例)
    jQuery函数将该DOM对象封装成jQuery对象并返回
    eg:

        var div = document.getElementsByTagName('div');
        var $div = $(div);    //将DOM对象转化为jQuer对象


    3、$(HTML文本字符串)
    jQuery函数会根据传入的文本创建好HTML元素并封装成jQuery对象返回
    eg:

        var $div = $("<div class='one'>one<div>");    //创建一个类名为one的div标签且将其封装成一个jQuery对象并返回


    4、$(匿名函数)
    当文档结构加载完毕之后jQuery函数调用匿名函数
    eg:

        $(function(){ });    //文档结构加载完毕后执行function函数中的代码
        $(document).ready(function(){ });  //将document节点转化为jQuery对象在调用对象ready()方法实现文档加载完毕后再执行函数内代码


    二、jQuery对象 【一般在变量前加$用来表示其为jQuery对象
    1、jQuery对象的一些相关说明
    a、jQuery对象是jQuery函数的实例,他可以调用jQuery原型中定义的一些方法
    b、jQuery对象是一个类数组对象,内部存放的元素是DOM对象
    c、jQuery对象的获取通常是使用选择器来获取  【eg: $(选择器字符串)
    d、jQuery对象的操作实际上就是对jQuery数组中DOM对象的批量操作

    2、jQuery对象与DOM对象之间的相互转化
    a、jQuery对象转化为DOM对象
    eg:

        $('div')[0];    //在jQuery对象后面添加数值下标即可选择其获取到的JQuery类数组对象中相应位置存放的DOM对象


    b、DOM对象转化为JQuery对象
    eg:

        var div = document.getElementsByTagName('div');    //多个div返回的是一个DOM类数组对象
        var $div = $(div);    //将DOM对象作为jQuery函数的参数即可将该DOM对象转化为jQuery对象
  • 相关阅读:
    Python--day61--Django ORM单表操作之展示用户列表
    Python--day61 PyCharm连接MySQL工具的使用
    Python--day61--ORM介绍及Django使用ORM创建表
    Python--day49--ORM框架SQLAlchemy之relationship的使用(有时间要从新看,这里状态不好,没有仔细听)
    Python--day48--ORM框架SQLAlchemy之子查询
    Python--day48--ORM框架SQLAlchemy操作表
    Python--day48--ORM框架SQLAlchemy
    Python--day48--面向对象回顾
    web api 限制单个IP在一定时间内访问次数
    前端常用js插件
  • 原文地址:https://www.cnblogs.com/nzcblogs/p/11256902.html
Copyright © 2011-2022 走看看