Jquery-核心函数

最新推荐文章于 2021-07-15 11:05:48 发布

guardwhy

最新推荐文章于 2021-07-15 11:05:48 发布

阅读量150

点赞数

本文链接：https://blog.csdn.net/hxy1625309592/article/details/111514778

版权

1.1 核心函数 $()

$() 代表调用jQuery的核心函数。

代码示例

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>jQuery核心函数</title>
  <script src="js/jquery-3.1.1.js"></script>
</head>
<body>
<div class="box1"></div>
<div id="box2"></div>
<span>桃李春风一杯酒，江湖夜雨十年灯</span>
<script type="text/javascript">
  // $();jQuery原理();就代表调用jQuery的核心函数
  // 1.接收一个函数
  $(function (){
    // 输出结果
	console.log("hello jQuery");
	// 2.接收一个字符串
	// 返回一个jQuery对象,对象中保存了找到的DOM元素
	let $box1 = $(".box1");
	let $box2 = $("#box2");
	// 输出结果
	console.log($box1);
	console.log($box2);
    // 接收一个字符串代码片段
	let $p = $("<p>窗外日光弹指过，席间花影坐前移。</p>");
	console.log($p);
	$box1.append($p);
	// 3.接收一个DOM元素,会被包装成一个jQuery对象返回
	let span = document.getElementsByTagName("span")[0];
	console.log(span);
	let $span = $(span);
	console.log($span);
  });
</script>
</body>
</html>

执行结果

1.2 jquery对象

代码示例

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>jQuery对象</title>
  <script src="js/jquery-3.1.1.js"></script>
</head>
<body>
<div>愿我如星君如月，夜夜流光相皎洁。</div>
<div>洞庭西望楚江分，水尽南天不见云。</div>
<div>一叶舟轻，双桨鸿惊</div>
<script type="text/javascript">
  $(function (){
    /*
    jQuery对象是一个伪数组。
    伪数组:有0到length-1属性,并且有length属性
    */
	let $div = $("div");
	console.log($div);

	// 创建arr数组
	let array = [1,5,9];
	// 输出结果
	console.log(array);
  });
</script>
</body>
</html>

执行结果

guardwhy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery-核心函数

2.1 核心函数 $()$() 代表调用jQuery的核心函数。代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery核心函数</title> <script src="js/jquery-3.1.1.js"></script></head><body><
复制链接

扫一扫