一、jQuery
定义:jQuery是一个快速、简介、开源的JavaScript类库。
引用下载jQuery:
<head>
<script src=“jquery-3.3.3.min.js"></script>
</head>
引用百度 CDN:
<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
二、jQuery语法
$(selector).action()
1、美元符号定义 jQuery
2、选择符(selector)“查询"和"查找” HTML 元素
3、jQuery 的 action() 执行对元素的操作
实例:
$(“p”).hide() - 隐藏所有 <p>
元素
$("#test").hide() - 隐藏所有 id="test"
的元素
文档就绪函数:
jQuery 语句一般位于 document ready 函数中。
$(document).ready(function(){
// 开始写 jQuery 代码...
});
简写:
$(function(){
// 开始写 jQuery 代码...
});
三、jQuery选择器
定义:是使用 jQuery 语法对页面中的元素实现查找的模式。
1、ID选择器
jQuery的#id选择器(ID选择器)用于根据id属性值获取对应的元素
(最多一个元素),将其封装为jQuery对象并返回。
2、class选择器
jQuery的.className选择器(类选择器)用于根据css类名className
获取所有匹配的元素,将其封装为jQuery对象并返回。
四、jQuery冲突
原因:都使用 $()
作为核心函数
1、jQuery核心noConflict()方法
语法:jQuery.noConflict()
说明:
1、jQuery.noConflict()函数的返回值是jQuery类型,返回变量jQuery的引用。
2、该方法释放 jQuery 对 $ 变量的控制。
3、该方法也可用于为 jQuery 变量规定新的自定义名称。