入门基础JQuery

最新推荐文章于 2024-04-25 07:00:00 发布

龍晰小菜鸡

最新推荐文章于 2024-04-25 07:00:00 发布

阅读量130

点赞数

分类专栏：前端文章标签： jQuery

本文链接：https://blog.csdn.net/lxxiaocaiji/article/details/82749596

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

入门基础JQuery

什么是jQuery
它是一个轻量级的javascript类库

注1：就一个类“jQuery”，简写“$”

jQuery优点
2.1 总是面向集合
2.2 多行操作集于一行

  $ (fn),$(document),ready(fn)与window.onload的区别:
     $(fn),$(document).ready(fn)是等价的，那个代码在前面就那个代码先执行。
     window.onload最后执行。
     $(fn),$(document).ready(fn)是jsp的dom树结构加载完毕即刻调用方法 ，
     window.onload是jsp的dom树加载完，css,js等静态资源加载完毕才执行。

jQuery三种工厂方法
4.1 jQuery(exp[,context])
exp：选择器
context：上下文，环境/容器，documemt

注1：选择器，css选择器
标签选择器
ID选择器
类选择器

包含选择器：E1 E2
组合选择器：E1,E2,E3
下面是代码例子

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
 <script type="text/javascript" src="/web_Jquery/js/jquery.min.js" charset="gb2312"></script>
<script type="text/javascript">
	$(function() {
	     //标签选择器
		/* $("a").click(function() {
			alert(" 您好");
		}) */
		//ID选择器
		/* $("#a1").click(function() {
			alert("您好");
		}) */
		// 类选择器
		/* $("p a").click(function() {
			alert("您好");
		}) */
		 //包含选择器：E1 E2
		 $("a,span").click(function() {
			alert(" 您好");
		}) 
		//组合选择器：E1,E2,E3
		/* $("a","div").click(function() {
			alert(" 您好");
		}) */
	})
</script>
</head>
<body>
	<p>
		<a id="a1" class="c1" href="#">点我1</a>
	</p>
	<p>
		<a id="a2" class="c2" href="#">点我2</a>
	</p>
	<p>
		<a id="a3" class="c3" href="#">点我3</a>
	</p>
	<div>
		<a id="a4" class="c1" href="#">点我4</a>
	</div>
	<div>
		<p>
			<a id="a5" class="c1" href="#">点我5</a>
		</p>
	</div>
	<span>难受</span>
</body>
</html>

  自定义选择器：:exp

4.3 jQuery(element)
element：js对象，表示一个html元素对象
js对象与jquery对象的相互转换

                                                                ——来自龍晰小菜鸡

龍晰小菜鸡

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
入门基础JQuery

标题入门基础JQuery什么是jQuery它是一个轻量级的javascript类库注1：就一个类“jQuery”，简写“$”jQuery优点2.1 总是面向集合2.2 多行操作集于一行$ (fn),$(document),ready(fn)与window.onload的区别:(fn),(fn),(fn),(document).ready(fn)是等价的，那个代码在前面就那个...
复制链接

扫一扫

专栏目录