JQuery基础知识梳理(一)

本文介绍jQuery的基本知识,包括入口函数的两种写法、与原生JS的区别、jQuery的特点如链式编程与隐式迭代等。此外还介绍了jQuery对象与DOM对象的区别及如何互相转换,并详细列举了多种jQuery选择器。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、jQuery基本知识

(1)入口函数写法

//第一种写法


//第二种写法

(2)与JS对比

    JavaScript的入口函数要等到页面中所有资源(包括图片、文件)加载完成才开始执行。

    jQuery的入口函数只会等待文档树加载完成就开始执行,并不会等待图片、文件的加载。

(3)jQuery的特点

    a.链式编程:原理:返回对象

    b.隐式迭代:在方法的内部会为匹配到的所有元素进行循环遍历,执行相应的方法

    (ps:由于隐式迭代的原因设置操作的时候,会给jq内部的所有对象都设置上相同的值;获取的时候,只会返回第一个元素对应的值

二、jQuery对象与DOM对象的区别

    (1)DOM对象:使用JS方法获取页面元素返回时的对象

    (2)jQuery对象:使用jQuery方法获取页面元素返回时的对象

    (3)jQuery对象是包装了DOM对象的集合

    (4)不能混用

    (5)转换

        a.DOM对象转换为jQuery对象

        

        b.jQuery对象转换为DOM对象($li[0]为DOM对象)

          

三、选择器

      (1)基础选择器

           元素选择器、类选择器、id选择器、并集选择器、交集选择器(同CSS选择器)

      (2)层级选择器

        子代选择器($("ul>li"))、后代选择器($("ul li"))、相邻

         (3) 过滤选择器

        :even       $("li:even")  偶数行li

        :odd          $("li:odd") 奇数行li

        :eq(index)        $("li:eq(index)") 索引为index的li

        :first

        :last

        (4)筛选选择器

        


四、jQuery的常用操作归类总结

    

        

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值