正文 

当前位置： 首页 > 开发 > java教程

jquery学习笔记汇总1-jquery的介绍(代码片段)

言人冰 言人冰     2022-12-19     498

关键词：

1.什么是  jQuery  呢？

jQuery是一个封装了很多方法的 js 库,Jquery是通过JavaScript来实现的

下载jQuery文件(有不同版本，根据需要自行下载) ： https://jquery.com/
【注】
1.x支持ie6 7 8,停更了
2.x 不支持老浏览器，停更了
3.x不支持老浏览器，更新ing

2.如何使用jQuery

1、 引入jQuery文件
2、 写入一个入口函数
3、 找到所要操作的元素

入口函数有2种写法

个人喜欢用第二种

<script src="xxx.js"></script>
//第一种
<script type="text/javascript">
$(document).ready(function() 
 
 );
</script>

//第二种
<script type="text/javascript">
$(function()

);
</script>

可以导入多个jQuery文件，实现多库共存

如何查看jQuery文件的版本：

console.log($.fn.jquery);
或 console.log(jQuery.fn.jquery);

怎样实现多库共存：

//调用 的noConflict()方法把的noConflict()方法把$符号的控制权释放掉

            $.noConflict( );

eg: 引入2个jQuery库

若要继续使用$符，可用下面这个自执行函数

(function($)
//在这个自执行函数中，可继续使用$
(_$));

eg: 引入3个jQuery库

	var _$300 = $.noConflict();//把3.0.0版的$控制权释放了
 	var _$1124 =  $.noConflict();//把1.12.4版的$控制权释放了
 	console.log($);//无释放$控制权的库
	console.log(_$300.fn.jquery);//3.0.0
	console.log(_$1124.fn.jquery);//1.12.4

3.（A）jQuery入口函数与(B)window.onload入口函数的区别

  • (A)可写多个；(B)只能写一个
  • (A)快于(B)
  • (A)要等待页面上dom树加载完成后执行   (B)等待页面上所有的资源（dom树、外部CSS、外部js、链接、图片等）都加载完毕后才执行

简而言之：

4.什么是 $ ?

$是一个函数【参数传递不同，效果也不同】
1、 匿名函数—入口函数 $(function() );
2、字符串—选择器/创建标签
eg: $(’#box1’);
eg: $ (’ <div>我是由$</div>');

5.两者之间的调换

------因为两者之间的一些功能可能不通用,所以需要调换

DOM–>jQuery 例：

	var div1 =document.getELementByID(“#div1”);
	var $div1= $(div1)

jQuery–>DOM 例：

var $div1=$(‘#div1’);
var div1 =$div1[0];  或 var div1 =$div1.get(0);

6.jQuery文件结构【jQuery其实是一个自执行函数】

	(function()
		window.jQuery = window.$ = jQuery;
		());

$和jQuery是等价的，都是一个函数

下一节笔记请跳转到：
jQuery学习笔记汇总2-jQuery

jquery学习笔记

1.jQuery的简介(Writeless,domore)一个优秀的JS库,主要的作用是简化对DOM对象的查询工作(本身的名字就是JSQuery(查询)的缩写),并且同时实现了链式调用和读写合一的功能;其本质是一个封装起来的自调用函数,其中大部分的方法都放在了jQ... 查看详情

jquery学习笔记汇总2-jquery(代码片段)

 知识点提炼 方法show();等价于设置元素的display属性为block方法hide();等价于设置元素的display属性为noneprev();上一个兄弟。prevAll();之前所有的兄弟next();下一个兄弟。nextAll();之后所有的兄弟on可用来注册事件。off（）用来解... 查看详情

二次学习jquery选择器&选择集过滤&转移(代码片段)

JQuery选择器jQuery选择器1.jQuery选择器的介绍2.jQuery选择器的种类3.小结4.笔记5.示例代码选择集过滤1.选择集过滤的介2.选择集过滤的操作3.小结4.笔记5.完整代码选择集转移1.选择集转移介绍2.选择集转移操作3.总结jQuery选择器1.jQuery... 查看详情

jquery学习笔记

1：$=jQuery  $()=jQuery()2：CSS选择符（多个选择器组合用”,"隔开）　　①，属性选择符$(‘a[href^="mailto:"]‘)表示href以“mailto:”开头的a元素。同样$表示结尾，*表示通配符。属性可以写多个，如$(‘a[href$=".pdf"][href*="... 查看详情

jquery学习笔记-dom操作

jQuery的DOM操作方法均由原生方法appendChild和insertBefore拓展而来　　1.jQuery.fn.append<--->this.appendChild(ele)　　2.jQuery.fn.prepend<--->this.insertBefore(ele,this.firstChild)　　3.jQuery.fn.before<---> 查看详情

11月2日——jquery源码学习笔记

1、jQuery()函数，即$()。有四种不同的调用方式。（1）传递CSS选择器（字符串）给$()方法，返回当前文档中匹配该选择器的元素集。可选第二个参数，一个元素或jQuery对象，定义元素查询的起始点，称为上下文（context），这时返... 查看详情

我的博客笔记汇总版

我的博客笔记汇总版1、java基础1.1、java基础知识学习（文章列表）1.1.1、我的java学习笔记（上）_小仙儿-CSDN博客1.1.2、我的java学习笔记（下）_小仙儿-CSDN博客1.1.3、JavaGUI——Java图形用户界面_小仙儿-CSDN博... 查看详情

jquery笔记心得（持续更新）(代码片段)

jQuery笔记心得一、什么是jQuery?二、jQuery的版本三、jQuery的入口函数四、jQuery对象与DOM对象的区别（重点）五、选择器1、jQuery选择器2、基本选择器3、层级选择器4、过滤选择器5、筛选选择器(方法)6、元素设置六、jQuery特... 查看详情

mongodb系列之学习笔记教程汇总

1、什么是MongoDB？MongoDB系列之SQL和NoSQL的区别MongoDB系列之什么是非关系型数据库MongoDB系列之MongoDB基本概念MongoDB系列之适用场景和不适用场景2、MongoDB环境搭建MongoDB系列之Window环境部署配置MongoDB系列之Linux环境部署配置3、Mon... 查看详情

jquery从零开始基础入门教程及参数汇总

1、通过百度的CDN2、下载jQuery.js文件，然后引入注意事项：jQuery文件如果放在https://blog.csdn.net/zhoucheng05_13/resources/文件夹下，则加载不出来，可能是因为resource文件夹禁止外部访问。1、jQuery名称冲突问题：jQuery使用$符号作为jQuery... 查看详情

1.jquery笔记

javascript类库 就是对js的一些常用的函数和对象进行封装，方便用户使用，且兼容性相当好 document.getElementById() functiong(value){ returndocument.getElementById(value); } 常见的js类库： jquery：轻量级 ExtJs:收费重量级的 BootStrap:响应式js类... 查看详情

python学习笔记汇总

Python学习笔记汇总1、Python简介Python，读作​​[paɪθɑn]​​，Python的口号是：“人生苦短，我用Python！”。Python语言是由荷兰程序员GuidovanRossum，江湖人称“龟叔”，独立开发完成初版的。“龟叔”曾供职于google，现任职于dropbox... 查看详情

线代学习笔记

...科的血液，连这个都不懂的话，估计接下来的编程，机器学习，概率论全都会一脸茫然！如果强迫自己要一个时限里面学好的话，估计也是只有反效果。一天一个小时，深入的去了解她个中的美妙。首先当然是要建立一个良好的... 查看详情

锋利的jquery学习笔记之jquery选择器

在介绍jQuery选择器之前，先简单介绍一下CSS选择器--->一、CSS选择器常见的CSS选择器有以下几种：选择器语法描述示例标签选择器E{CSS规则}以文档元素为选择符td{font-size:10px;}a{tetx-decoration:none;}ID选择器#ID{CSS规则}以文档元素的唯... 查看详情

《jquery实战（第二版）》读书笔记

第一部分jQuery核心1、jQuery基础第一章总结了jquery的大致功能，基本原理，使用方式。point：（1）、引入：<scripttype="text/javascript"src="http://libs.baidu.com/jquery/1.9.1/jquery.js">（2）、强大的选择器：varcheckedValue=$(‘[name="someRadioGroup 查看详情

jquery源码阅读笔记一

1.jquery无new的构造函数。　　无new的构造函数是怎么实现的。比如我们一般这么用jQuery。　　$(".test").text();　　但是我们一般是这么写的。　　vartest=new$(".test");　　　　test.text();　　那么jquery的内部是怎么实现的呢？　　　　主... 查看详情

js-权威指南学习笔记19.2

1、jQuery动画是异步的，会立刻返回，但动画会在后台执行，可传入函数作为动画完成的回调函数。2、jQuery动画默认是队列化的。3、stop（）方法接受两个可选的布尔值参数，如果第一个参数是true，会清除该选中元素上的动画队... 查看详情

jquery学习笔记(代码片段)

一、JQuery介绍JQuery是一个轻量级、兼容多浏览器的JavaScript库。可以更方便的处理HTMLDocument、Events、实现动画效果、方便的进行Ajax交互，能够极大的简化JavaScript编程。JQuery1.X版本兼容IE678，官方制作BUG维护，功能不更新。3.x版本... 查看详情