jQuery学习记录1--参考素材B站李南江老师的jQuery+Ajax视频

本文是jQuery学习笔记,介绍了jQuery的引入、与JavaScript的区别、使用方法及核心函数,探讨了jQuery对象、静态方法与实例方法,以及常用的each、map、trim等方法的运用,帮助初学者理解jQuery的优势。
摘要由CSDN通过智能技术生成

write less,do more(写的更少,做的更多)–jQuery官方

一.jQuery的介绍

1.什么是jQuery?为什么要使用jQuery?

jQuery是一款优秀的js的库,从命名可以看出jQuery最主要的用途是做查询(jQuery=js+Query),使用jQuery能让我们对HTML文档遍历和操作,事件处理,动画以及Ajax变得更简单。

2.jQ的导入

因为jQ是js的库,所以导入方法一致。


<script src="//jQ库的路径"></script>

二.jQuery与javascript的区别

1.jQuery的入口函数与js的入口函数

//jQ标准入口函数
$(document).ready(function(){//书写代码});
//js标准入口函数
window.onload=function(){//书写代码};

2.jQuery的加载模式与js加载模式的区别

js代码的执行时间是在页面的dom元素和图片加载完之后执行,而jQ执行时间是在dom元素加载完执行,不会等到图片加载完。(仅限1.x版本左右,3.x版本的jQ执行时间与js一致,2.x版本我不知道)

3.js和jQ在有两个入口函数的执行时的区别

(1)js在执行入口函数时,后写的入口函数中的内容会覆盖掉先写的。
(2)jQ在执行入口函数时,将会依次执行

三.jQuery的使用

1.jQuery入口函数的其他写法

//1
$(document).ready(function(){});

//2
jQuery(document).ready(function(){});

//3(推荐)
$(function(){});

//4
jQuery(function(){});

2.jQuery冲突问题

问题起因:$符号实际上是jQuery的缩写,为了让用户写的更少,做的更多。所以当你引用了两个同样使用了该符号的库而这两个库让该符号代表的东西不同,就会出现冲突问题。
解决方法:

//(1)jQ中提供了释放$使用权的方法。使用了该方法后$将不再代表jQuery
jQuery.noConflict();

//(2)自定义访问符号  e=你想让jQuery代表的符号
var e =jQuery.noConflict();

3.jQ的核心函数的用法及jQ的对象

(1)jQ的核心函数

//jQ核心函数的调用写法
$
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值