jQuery核心函数
jQuery核心函数
- $() 代表调用jQuery的核心函数
- 接收一个字符串选择器 -> 返回一个jQuery对象, 对象中保存了找到的DOM元素
- 接受一个字符串代码片段 -> 返回一个jQuery对象, 对象中保存了创建的DOM元素
- 接受一个DOM元素 -> 会被包装成一个jQuery对象返回给我们
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery核心函数</title>
<script src="../../jquery-1.12.4.js"></script>
</head>
<body>
<div class="box1"></div>
<div id="box2"></div>
<p>我是p元素</p>
<script type="text/javascript">
//$() 代表调用jQuery的核心函数
//接收一个函数
$(function () {
console.log('hello world')
//接收一个字符串选择器 -> 返回一个jQuery对象, 对象中保存了找到的DOM元素
let box1 = $(".box1")
let box2 = $("#box2")
console.log(box1)
console.log(box2)
//接受一个字符串代码片段 -> 返回一个jQuery对象, 对象中保存了创建的DOM元素
let span = $("<span>我是一个span元素</span>")
console.log(span)
box1.append(span) //将span元素添加到box1中
//接受一个DOM元素 -> 会被包装成一个jQuery对象返回给我们
let p = document.getElementsByTagName("p")[0]
console.log(p)
let $p = $(p)
console.log($p)
})
</script>
</body>
</html>
jQuery对象
- jQuery对象是一个伪数组
- 伪数组:带有length属性的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery对象</title>
<script src="../../jquery-1.12.4.js"></script>
</head>
<body>
<div></div>
<div></div>
<div></div>
<script type="text/javascript">
$(function () {
// 1.jQuery对象是一个伪数组
// 2.伪数组:带有length属性的
let div = $("div") //length = 3
console.log(div) //Query.fn.init(3)
let arr = [1,2,3]
console.log(arr) //Array(3)
})
</script>
</body>
</html>
伪数组
真数组