jQuery入门

一、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 变量规定新的自定义名称。

2、同一页面导入多个jQuery

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值