认识jQuery

简介: 认识jQuery

什么是jQuery

jQuery就是一个js库,使用jQuery的话,会比使用JavaScript更简单。

1.1$和jQuery

jQuery文件就是一个自执行函数,也就是自执行文件,这个自执行文件就是给window对象添加一个jQuery属性$属性($和jQuery是等价的,$是一个函数。

1.1.1$参数传递不同,效果也不同:

        如果参数传递的是一个匿名函数,那$就是一个入口函数。 例:$(function() { });

        如果参数传递的是一个字符串,那$就是一个选择器或是创建标签。

             

例:$("#test1")
例:$('<div>略略略</div>')

        如果参数是一个dom对象,那$会把dom对象转化为jQuery对象。

1.1.2jQuery使用方法

1.引入jQuery文件

本地引入:从官网下载jQuery文件,放到js文件中,再进行引用。

                jquery.js:未压缩版本(开发版本),代码可读性高,推荐在开发和学习阶段使用,方便查看源代码。

               jquery.min.js:压缩版本,去除了注释、换行、空格、并且将一些变量替换成了a,b,c之类的简单字符,基本没有可读性,推荐在项目生产环境使用,因为文件较小,减少网络压力。

在线引用:引入在线jQuery文件。

           

例:<script src="jquery-1.11.1.js"></script>
2.jQuery入口函数
方法一:$(document).ready(function () {  });
方法二:$(function() {  });

jQuery入口函数可以有多个,并且不会发生覆盖的情况。jQuery的入口函数只会等待文档树加载完成就开始执行,并不会等待图片、文件的加载。

3.功能实现

例:

$("#btnShowDiv").click(function () {
$("div").show(1000);
});
4.jQuery特性

隐式迭代:jQuery的隐式迭代会对所有的DOM对象设置相同的值,但是如果我们需要给每一个对象

设置不同的值的时候,就需要自己进行迭代了。

链式编程:在于一个方法返回的是一个jQuery对象,既然是jQuery对象就可以继续点出jQuery的方法

来(选择器-方法-选择器-方法)。

相关文章
|
Ubuntu 开发工具 Android开发
Repo下载、编译AOSP源码:基于Ubuntu 21.04,android-12.1.0_r27
文章记录了作者在Ubuntu 21.04服务器上配置环境、下载并编译基于Android 12.1.0_r27版本的AOSP源码的过程,包括解决编译过程中遇到的问题和错误处理方法。
882 0
|
前端开发 JavaScript 容器
React 之元素与组件的区别
React 之元素与组件的区别
88 1
|
XML 存储 前端开发
Restful的详细介绍~
Restful的详细介绍~
105 1
经典面试题目——TopK问题
经典面试题目——TopK问题
154 0
|
数据采集 安全 C语言
二次封装requests,构造通用的请求函数
本章将告诉你该如何去对request模块进行二次封装,暂时并不会告诉你HTTP协议及原理、URL等相关。当然你会使用然后在来阅读此文章一定会另有所获。我已经迫不及待要告诉你这个小秘密,以及想与你交流了。没时间解释了,快来一起和我一起探讨相关的内容吧
598 0
二次封装requests,构造通用的请求函数
|
Ubuntu Linux
【Ubuntu】安装搜狗输入法
【Ubuntu】安装搜狗输入法
258 0
【Ubuntu】安装搜狗输入法
Cypress系列(38)- go() 命令详解
Cypress系列(38)- go() 命令详解
262 0
Cypress系列(38)- go() 命令详解
|
Python
Python | Python学习之深浅拷贝
直接步入正题,聊一聊 Python 中的深浅拷贝
1775 0
inux_异常_07_ftp查看不到文件列表
    二、参考资料 1.Linux关于ftp查看不到文件列表的问题
943 0