jQuery 基础

最新推荐文章于 2024-05-07 14:42:48 发布
最新推荐文章于 2024-05-07 14:42:48 发布
阅读量126 收藏
点赞数
文章标签： jquery javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Infatuation_wjg/article/details/126702211
版权

文章目录

一、jQuery 介绍

1.1 JavaScript库

Jquery是JavaScript库，是一个封装好的特定的集合（方法和函数）

简单理解：就是一个JS文件，里面对我们原生JS代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。

常见的 JavaScript 库，JQuery、Prototype、YUI、Dojo、Ext JS、移动端的 zepto 等，这些库都是对原生 JavaScript 的封装，内部都是用 JavaScript 实现的

二、jQuery 的基本使用

2.2 jQuery 的入口函数

jQuery中常见的两种入口函数：

// 第一种：简单易用
$(function(){
    ··· // 此处是页面 DOM 加载完成的入口
});

// 第二种：繁琐，但是也可以实现
$(document).ready(function(){
    ··· // 此处是页面 DOM 加载完成的入口
});

总结：

  1. 等着 DOM 结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成，jQuery 帮我们完成了封装。
  2. 不同于原生 js 中的 load 事件是等页面文档、外部的 js 文件、css 文件、图片加载完毕才执行内部代码
  3. 更推荐使用第一种方式

2.3 jQuery中的顶级对象 $

  1. $ 是 jQuery 的别称，在代码中可以使用 jQuery 代替，但一般为了方便，通常都直接使用 $。
  2. $ 是 jQuery 的顶级对象，相当于原生 JavaScript 中的 window 。把元素利用 $ 包装成 jQuery 对象，就可以调用 jQuery 的方法。

2.4 jQuery 对象和 DOM 对象

使用 jQuery 方法和原生 JS 获取的元素是不一样的，总结：

  1. 用原生 JS 获取来的对象就是 DOM
  2. jQuery 方法获取的元素就是 jQuery 对象
  3. jQuery对象本质是：利用 $ 对 DOM 对象包装后产生的对象（伪数组形式存储）

注意：

只有 jQuery 对象才能使用 jQuery 方法，DOM 对象则使用原生的 JavaScript 方法

2.5 jQuery 对象和 DOM 对象转换

DOM 对象与 jQuery 对象之间是可以相互转换的。因为原生 JS 比 jQuery 更大，原生的一些属性和方法 jQuery 没有给我们封装，要想使用这些属性和方法需要把 jQuery 对象转换为 DOM 对象才能使用

// 1. DOM 对象转换成 jQuery 对象，方法只有一种
var box = document.getElementById("box");  // 获取 DOM 对象
var jQueryObject = $(box);  // 把 DOM 对象转换为 jQuery 对象

// 2. jQuery 对象转换为 DOM 对象有两种方法：
//    2.1 jQuery对象[索引值]
var domObject1 = $("div")[0]

//    2.2 jQuery对象.get(索引值)
var domObject2 = $("div").get(0)

三、 jQuery 选择器

原生 JS 获取元素方式很多，很杂，而且兼容性情况不一致，因此 jQuery 给我们做了封装，使获取元素统一标准。

3.1 基础选择器

$("选择器")  // 里面选择器直接写 CSS 选择器即可，但是要加引号
名称用法描述
ID选择器$(“#id”)获取指定ID的元素
全选选择器$(“*”)匹配所有元素
类选择器$(“.class”)获取同一类class的元素
标签选择器$(“div”)获取同一类标签的所有元素
并集选择器$(“div,p,li”)选取多个元素
交集选择器$(“li.current”)交集元素

3.2 层级选择器

层级选择器最常用的两个分别为：后代选择器和子代选择器

名称用法描述
子代选择器$(“ul>li”);使用>号，获取子层级的元素；注意：并不会获取孙子层级的元素
后代选择器$(“ul li”);使用空格，代表后代选择器，获取 ul 下的所有 li 元素，包括孙子等

基础选择器和层级选择器案例代码

<body>
    <div>我是div</div>
    <div class = "nav">我是nav div</div>
    <p>我是p</p>
    <ul>
        <li>我是ul 的</li>
        <li>我是ul 的</li>
        <li>我是ul 的</li>
    </ul>
    <script>
        $(function(){
            console.log($(".nav"));
            console.log($("ul li"));
        })
    </script>
</body>

3.3 筛选选择器

筛选选择器，顾名思义就是在所有的选项中选择满足条件的进行筛选选择器。常见如下：

语法用法描述
:first$(“li:first”)获取第一个 li 元素
:last$(“li:last”)获取最后一个 li 元素
:eq(index)$(“li:eq(2)”)获取到的 li 元素中，选择索引号为2的元素，索引号 index 从 0 开始
:odd$(“li:odd”)获取到的 li 元素中，选择索引号为奇数的元素
:even$(“li:even”)获取到的 li 元素中，选择索引号为偶数的元素

案例代码：

<body>
    <ul>
        <li>多个里面筛选几个</li>
        <li>多个里面筛选几个</li>
        <li>多个里面筛选几个</li>
        <li>多个里面筛选几个</li>
    </ul>
    <ol>
        <li>多个里面筛选几个</li>
        <li>多个里面筛选几个</li>
        <li>多个里面筛选几个</li>
        <li>多个里面筛选几个</li>
    </ol>
    <script>
        $(function(){
            $("ul li:first").css("color","red");
            $("ul li:eq(2)").css("color","blue");
            $("ol li:odd").css("color","skyblue");
            $("ol li:even").css("color","pink");
        })
    </script>
<body>

另：jQuery 中还有一些筛选方法，类似 DOM 中的通过一个节点找另外一个节点，父、子、兄以外有所加强

语法用法说明
parent()$(“li”).parent();查找父级
children(selector)$(“ul”).children(“li”)相当于 $(“ul>li”),最近一级(子级)
find(selector)$(“ul”).find(“li”);相当于 $(“ul li”),后代选择器
siblings(selector)$(“.first”).siblings(“li”);查找兄弟节点，不包括自己本身
nexAll([expr])$(“.first”).nexAll()查找当前元素之后所有的同辈元素
prevtAll([expr])$(“.last”).prevAll()查找当前元素之前所有的同辈元素
hasClass(class)$(“div”).hasClass(“protected”)检查当前的元素是否含有某个特定的类，如果有，则返回 true
eq(index)$(“li”).eq(2)相当于$(“li:eq(2)”),index 从 0 开始
  • jQuery 设置样式
$("div").css("属性","值")
  • jQuery 里面的排他思想
// 想要多选一的效果，排他思想：当前元素设置样式，其余的兄弟元素清除样式
$(this).css("color","red");
$(this).siblings().css("color","")
  • 隐式迭代
// 遍历内部 DOM 元素（伪数组形式存储）的过程就叫做隐式迭代
// 简单理解：给匹配到的所有元素进行循环遍历，执行相应的方法，而不用我们再进行循环，简化操作，方便调用
$("div").hide();  // 页面中所有的 div 全部隐藏，不用循环
  • 链式编程
// 链式编程是为了节省代码量，看起来更简洁
$(this).css("color","red").sibling().css("color","");

四、jQuery 样式操作

jQuery 中常用的样式操作有两种：css() 和设置类样式方法

4.1 方法1：操作 css 方法

jQuery 可以使用 css 方法来修改简单元素样式：也可以操作类，修改多个样式

常用以下三种样式：

// 1.参数只写属性名，则是返回属性值
var strColor = $(this).css("color");

// 2.参数是属性名，属性值，逗号分隔，是设置一组样式，属性必须加引号，值如果是数字可以不用跟单位和引号
$(this).css("color","red");

// 3.参数可以是对象形式，方便设置多组样式。属性名和属性值用冒号隔开，属性可以不用加引号
$(this).css({"color":"white","font-size":"20px"});

注意：css() 多用于样式少是操作，多了则不太方便

4.2 方法2：设置类样式方法

常用的三种设置类样式方法：

// 1.添加类
$("div").addClass("current");

// 2.删除类
$("div").removeClass

// 3.切换类
$("div").toggleClass("current");

注意：

  1. 设置类样式方法比较适合样式多时操作，可以弥补css()的不足
  2. 原生 JS 中 className 会覆盖元素原先里面的类名，jQuery 里面类操作只是指定类进行操作，不影响原先的类名

五、jQuery 效果

jQuery 封装了很多动画效果，最为常见的如下：

  • 显示隐藏：show() / hide() / toggle();
  • 划入划出：slideDown() / slideUp() / slideToggle();
  • 淡入淡出：fadeln() / fadeOut() / fadeToggle() / fadeTo();
  • 自定义动画：animate();

注意：

动画或者效果一旦触发就会执行，如果多次触发，就造成多个动画或者效果排队执行

jQuery 提供了另一个方法，可以停止动画排队：stop();

5.1 显示隐藏

显示隐藏动画，常见有三个方法：show() / hide() / toggle();

语法规范如下：

  1. 显示语法规范
show([speed,[easing],[fn]])
  1. 显示参数

（1）参数都可以省略，无动画直接显示

（2）speed：三种预定速度之一的字符串(“slow”，“normal”，or“fast”)或表示动画时长的毫秒数值（如：1000）

（3）easing：（Optional）用来指定切换效果，默认是“swing”，可用参数“linear”

（4）fn：回调函数，在动画完成时执行的函数，每个元素执行一次

  1. 隐藏语法规范
hide([speed,[easing],[fn]])
  1. 隐藏参数

（1）参数都可以省略，无动画直接显示

（2）speed：三种预定速度之一的字符串(“slow”，“normal”，or“fast”)或表示动画时长的毫秒数值（如：1000）

（3）easing：（Optional）用来指定切换效果，默认是“swing”，可用参数“linear”

（4）fn：回调函数，在动画完成时执行的函数，每个元素执行一次

  1. 切换语法规范
toggle([speed,[easing],[fn]])

2.切换参数

（1）参数都可以省略，无动画直接显示

（2）speed：三种预定速度之一的字符串(“slow”，“normal”，or“fast”)或表示动画时长的毫秒数值（如：1000）

（3）easing：（Optional）用来指定切换效果，默认是“swing”，可用参数“linear”

（4）fn：回调函数，在动画完成时执行的函数，每个元素执行一次

建议：平时一般不带参数，直接显示隐藏即可

代码演示

<body>
    <button>显示</button>
    <button>隐藏</button>
    <button>切换</button>
    <div></div>
    <script>
        $(function(){
            $("buttton").eq(0).click(function(){
                $("div").show(1000,function(){
                    alert(1);
                })
            })
            $("buttton").eq(1).click(function(){
                $("div").hide(1000,function(){
                    alert(1);
                })
            })
            $("button").eq(2).click(function(){
                $("div").toggle(1000);
            })
            // 一般情况下，我们都不加参数直接显示隐藏就可以了
        })
    </script>
</body>

5.2 滑入滑出

滑入滑出动画，常见有三个方法：slideDown() / slideUp() / slideToggle();

语法规范如下：

  1. 下滑效果语法规范
slideDown([speed,[easing],[fn]])
  1. 下滑效果参数

（1）参数都可以省略

（2）speed：三种预定速度之一的字符串(“slow”，“normal”，or“fast”)或表示动画时长的毫秒数值（如：1000）

（3）easing：（Optional）用来指定切换效果，默认是“swing”，可用参数“linear”

（4）fn：回调函数，在动画完成时执行的函数，每个元素执行一次

  1. 上滑效果语法规范
slideUp([speed,[easing],[fn]])
  1. 上滑效果参数

（1）参数都可以省略

（2）speed：三种预定速度之一的字符串(“slow”，“normal”，or“fast”)或表示动画时长的毫秒数值（如：1000）

（3）easing：（Optional）用来指定切换效果，默认是“swing”，可用参数“linear”

（4）fn：回调函数，在动画完成时执行的函数，每个元素执行一次

  1. 滑动切换效果语法规范
slideToggle([speed,[easing],[fn]])
  1. 滑动切换效果参数

（1）参数都可以省略

（2）speed：三种预定速度之一的字符串(“slow”，“normal”，or“fast”)或表示动画时长的毫秒数值（如：1000）

（3）easing：（Optional）用来指定切换效果，默认是“swing”，可用参数“linear”

（4）fn：回调函数，在动画完成时执行的函数，每个元素执行一次

代码演示

<body>
    <button>下拉滑动</button>
    <button>上拉滑动</button>
    <button>切换滑动</button>
    <div></div>
    <script>
        $(function() {
            $("button").eq(0).click(function() {
                // 下滑动 slideDown()
                $("div").slideDown();
            })
            $("button").eq(1).click(function() {
                // 上滑动 slideUp()
                $("div").slideUp(500);
            })
            $("button").eq(2).click(function() {
                // 滑动切换 slideToggle()
                $("div").slideToggle(500);
            });
        });
    </script>
</body>

5.3 淡入淡出

淡入淡出动画，常见有三个方法：fadeIn() / fadeOut() / fadeToggle() / fadeTo() ;

语法规范如下：

  1. 淡入效果语法规范
fadeIn([speed,[easing],[fn]])
  1. 淡入效果参数

（1）参数都可以省略

（2）speed：三种预定速度之一的字符串(“slow”，“normal”，or“fast”)或表示动画时长的毫秒数值（如：1000）

（3）easing：（Optional）用来指定切换效果，默认是“swing”，可用参数“linear”

（4）fn：回调函数，在动画完成时执行的函数，每个元素执行一次

  1. 淡出效果语法规范
fadeOut([speed,[easing],[fn]])
  1. 淡出效果参数

（1）参数都可以省略

（2）speed：三种预定速度之一的字符串(“slow”，“normal”，or“fast”)或表示动画时长的毫秒数值（如：1000）

（3）easing：（Optional）用来指定切换效果，默认是“swing”，可用参数“linear”

（4）fn：回调函数，在动画完成时执行的函数，每个元素执行一次

  1. 淡入淡出效果语法规范
fadeToggle([speed,[easing],[fn]])
  1. 淡入淡出切换效果参数

（1）参数都可以省略

（2）speed：三种预定速度之一的字符串(“slow”，“normal”，or“fast”)或表示动画时长的毫秒数值（如：1000）

（3）easing：（Optional）用来指定切换效果，默认是“swing”，可用参数“linear”

（4）fn：回调函数，在动画完成时执行的函数，每个元素执行一次

  1. 渐进方式调整到指定的不透明度
fadeTo([[speed],opacity,[easing],[fn]]);
  1. 效果参数

（1）opacity 透明度必须写，取值0-1之间

（2）speed：三种预定速度之一的字符串（“slow”，“normal”，or“fast”)或表示动画时长的毫秒数值（如：1000）

（3）easing：（Optional）用来指定切换效果，默认是“swing”，可用参数“linear”

（4）fn：回调函数，在动画完成时执行的函数，每个元素执行一次

代码演示

<body>
    <button>淡入效果</button>
    <button>淡出效果</button>
    <button>淡入淡出切换</button>
    <button>修改透明度</button>
    <div></div>
    <script>
        $(function() {
            $("button").eq(0).click(function() {
                // 淡入 fadeIn()
                $("div").fadeIn(1000);
            })
            $("button").eq(1).click(function() {
                // 淡出 fadeOut()
                $("div").fadeOut(1000);
            })
            $("button").eq(2).click(function() {
                // 淡入淡出切换 fadeToggle()
                $("div").fadeToggle(1000);
            });
            $("button").eq(3).click(function() {
                //  修改透明度 fadeTo() 这个速度和透明度要必须写
                $("div").fadeTo(1000, 0.5);
            });
        });
    </script>
</body>

5.4 自定义动画

自定义动画非常强大，通过参数的传递可以模拟以上所有动画，方法名：animate();

语法规范如下：

  1. 语法
animate(params,[speed],[easing],[fn])
  1. 参数

（1）params:想要更改的样式属性，以对象形式传递，必须写。属性名可以不用带引号，如果是复合属性则需要采取驼峰命名法，其余参数都可以省略

（2）speed：三种预定速度之一的字符串（“slow”，“normal”，or“fast”)或表示动画时长的毫秒数值（如：1000）

（3）easing：（Optional）用来指定切换效果，默认是“swing”，可用参数“linear”

（4）fn：回调函数，在动画完成时执行的函数，每个元素执行一次

代码演示

<body>
    <button>动起来</button>
    <div></div>
    <script>
        $(function() {
            $("button").click(function() {
                $("div").animate({
                    left: 500,
                    top: 300,
                    opacity: .4,
                    width: 500
                }, 500);
            })
        })
    </script>
</body>

5.5 停止动画

动画或者效果一旦触发就会执行，如果多次触发，就造成多个动画或者效果排队执行

停止动画排队的方法为：stop();

  • stop() 方法用于停止动画或效果
  • stop() 写到动画或者效果的前面，相当于停止结束上一次动画

总结：每次使用动画之前，先调用 stop() ，在调用动画

5.6 事件切换

jQuery 中添加了一个新事件 hover(); 功能类似 css 中的伪类 :hover

语法

hover([over,]out)   // 其中 over 和 out 为两个函数
  • over: 鼠标移到元素上要触发的函数（相当于 mouseenter）
  • out: 鼠标移出元素要触发的函数（相当于 mouseleave）
  • 如果只写一个函数，则鼠标经过和离开都会触发它

hover 事件和停止动画排列案例

<body>
    <ul class="nav">
        <li>
            <a href="#">微博</a>
            <ul><li><a href="">私信</a></li><li><a href="">评论</a></li><li><a href="">@我</a></li></ul>
        </li>
        <li>
            <a href="#">微博</a>
            <ul><li><a href="">私信</a></li><li><a href="">评论</a></li><li><a href="">@我</a></li></ul>
        </li>
    </ul>
    <script>
        $(function() {
            // 鼠标经过
            // $(".nav>li").mouseover(function() {
            //     // $(this) jQuery 当前元素  this不要加引号
            //     // show() 显示元素  hide() 隐藏元素
            //     $(this).children("ul").slideDown(200);
            // });
            // // 鼠标离开
            // $(".nav>li").mouseout(function() {
            //     $(this).children("ul").slideUp(200);
            // });
            // 1. 事件切换 hover 就是鼠标经过和离开的复合写法
            // $(".nav>li").hover(function() {
            //     $(this).children("ul").slideDown(200);
            // }, function() {
            //     $(this).children("ul").slideUp(200);
            // });
            // 2. 事件切换 hover  如果只写一个函数，那么鼠标经过和鼠标离开都会触发这个函数
            $(".nav>li").hover(function() {
                // stop 方法必须写到动画的前面
                $(this).children("ul").stop().slideToggle();
            });
        })
    </script>
</body>
Infatuation_wjg
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
2022-06-07 jQuery笔记(一) jq基本使用,引入,选择器,事件,显隐滑动淡进淡出效果,动画和停止动画,回调,链式操作
GAARA
06-07 286
1.第一个jQuery例子 2.jQuery库功能 3.script标签的简化 4.引入jQuery 5.jQuery语法 6.文档就绪事件 7.jQuery选择器 8.jQuery事件 事件：页面对不同访问者的响应 事件处理程序：当html发生某些事件时调用的方法 事件语法：与DOM事件等效的方法 9.jQuery效果 9.1.显示与隐藏 9.2.淡入淡出 9.3.滑动 10.jQuery效果：动画 10.1.animate（）可操作多个属性 10.2.animate（）可操作相对属性值 10.3.ani
JQuery基本知识、选择器、事件、DOM操作、动画
weixin_30788239的博客
02-10 96
基本知识： 　　Jquery是一套JS方法包也称为JS框架 前端框架 　　目前比较好用的是1.7.2版本，正常开发只需要min文件 选择器： 　　基本选择器：格式：$("XXX")　　 过滤选择器： 事件： 注：未来元素是指页面加载时没有，但有可能在操作中通过JS添加进去的元素，通过未来元素的方法对所有现有以及未来可能添加的某一些元素委托事件 DOM操作： 　　...
2024年最新jQuery 基础知识总结（超级详细），超通俗解析
最新发布
2401_84617533的博客
05-07 901
三套“算法宝典”开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】算法刷题LeetCode中文版（为例）人与人存在很大的不同，我们都拥有各自的目标，在一线城市漂泊的我偶尔也会羡慕在老家踏踏实实开开心心养老的人，但是我深刻知道自己想要的是一年比一年有进步。最后，我想说的是，无论你现在什么年龄，位于什么城市，拥有什么背景或学历，跟你比较的人永远都是你自己，所以明年的你看看与今年的你是否有差距，不想做咸鱼的人，只能用尽全力去跳跃。祝愿，明年的你会更好！
jQuery基础入门（选择器，常用事件，基础动画，Ajax）
qq_45596525的博客
01-04 231
文章目录前言一、jQuery是什么？二、基本语法三、选择器1.各类选择器的使用2.示例四、常用事件1.常用事件罗列2.解决名称冲突五、基础动画1.显示与隐藏2.淡入淡出3.自定义动画六、Ajax1.JQ原生版2.$.get / $.post参考资料 前言 2021第一更 提示：以下是本篇文章正文内容，下面案例可供参考 一、jQuery是什么？ jQuery 是一个 JavaScript 函数库。jQuery 库包含以下特性：???? HTML 元素选取 HTML 元素操作 CSS 操作 HTML
jQuery基础01：选择器 + 样式操作 + 动画
无知者无畏
10-25 402
1.1. jQuery 介绍 1.1.3 jQuery的优点 轻量级。核心文件才几十kb，不会影响页面加载速度。 跨浏览器兼容，基本兼容了现在主流的浏览器。 链式编程、隐式迭代。 对事件、样式、动画支持，大大简化了DOM操作。 支持插件扩展开发。有着丰富的第三方的插件，例如：树形菜单、日期控件、轮播图等。 免费、开源。 1.2. jQuery 的基本使用 1.2.1 jQuery 的下载 ​ jQuery的官网地址： https://jquery.com/，官网即可下载最新版本。 各个版本的下载：ht
JQuery使用方法四（事件+动画）
weixin_43765641的博客
10-01 492
注意：off括号中不写参数则为删除全部事件，如果删除某一个事件则括号传入指定值。每当鼠标移入div1范围中就触发mousemove事件。注意：在范围内移动到不同的位置也会触发。每点击一下就执行一次。3、同时绑定多个事件。4、同时添加多个事件。
jQuery基础
12-10
jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 jQuery 很容易学习。
jQuery基础文件
03-30
此“jQuery基础文件”压缩包包含了jQuery的三个主要版本：1.11.3，2.1.4和3.3.1。每个版本都有其特定的发布日期和功能特性，适合不同项目的需求。 1. jQuery 1.11.3： 这是jQuery 1.x系列的一个稳定版本，主要支持...
Jquery基础
12-13
Jquery基础及个人心得，选择器，常用方法、监听事件，event事件：阻止默认事件
jQuery基础教程
07-22
资源名称：jQuery基础教程资源截图： 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。
jquery基础
12-29
在这个"jquery基础"的主题中，我们将深入探讨jQuery的核心概念、基本语法和常见用法。 1. **jQuery选择器**: jQuery 选择器基于CSS，允许开发者高效地选取DOM元素。例如，`$("#id")` 选择ID为"id"的元素，`$("....
jQuery基础笔记-1
08-22
jQuery基础笔记-1 jQuery概述 ----------- jQuery是一个JavaScript库，提供了简洁、快速、轻量级的解决方案，用于简化网页开发。它的主要特点是链式调用、隐式迭代、选择器等，可以帮助开发者快速构建动态网页。 ...
jQuery基础入门
03-21
内容简介 1.jQuery的由来及简介 2.jQuery对象和DOM对象 3.jQuery选择器 4.jQuery中的DOM操作 5.使用jQuery创建动画效果
jquery基础教程中文版2015
06-26
**jQuery基础教程中文版2015** jQuery是一款强大的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。2015年发布的这个基础教程，旨在帮助初学者快速掌握jQuery的核心概念和技术。 一、...
jquery 基础教程 pdf
09-26
jQuery能够改变你编写 JavaScript脚本的方式，降低学习和使用 Web前端开发的复杂度， 提高网页开发效率，无论对于 JavaScript初学者，还是Web开发资深专家，jQuery都应该是必 备的工具。 jQuery适合于设计师、 ...
一个小时学会jQuery<最通俗易懂的讲解>
chetianyao8457的博客
08-07 1543
最近一直在研读 jQuery 源码，初看源码一头雾水毫无头绪，真正静下心来细看写的真是精妙，让你感叹代码之美。 其结构明晰，高内聚、低耦合，兼具优秀的性能与便利的扩展性，在浏览器的兼容性（功能缺陷、渐进增强）优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。 另外，阅读...
JQuery遍历
零怀念的博客
08-26 474
后代 1.find(选择器)：返回被选元素的所有后代元素集合 2.children（选择器)：返回被选元素的所有直接子元素集合（括号里可以为空） 示例： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值