$() 与 jQuery()
- jQuery中$函数，根据传入参数的不同，进行不同的调用，实现不同的功能。返回的是jQuery对象
- jQuery这个js库，除了$之外，还提供了另外一个函数：jQuery
- jQuery函数跟$函数的关系：jQuery === $;
jQuery与js区别
- jquery有一层功能皮肤，其内核还是js
- JS与jQuery对象之间的转换
- js对象转换成jquery对象。 $(js对象);
- jquery对象转换成js对象。 (1) jquery对象[索引值] (2) jquery对象.get(索引值)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
//入口函数
jQuery(document).ready(function () {
//js方式获取元素
var box = document.getElementById("box");
var cbox = document.getElementsByClassName("box");
var div = document.getElementsByTagName("div");
//jquery方式获取元素
var jqbox = $("#box");
var jqCbox = $(".box");
var jqdiv = $("div");
//js转换成juery转换。
box = $(box);
cbox = $(cbox);
div = $(div);
//js转换成了jquery对象，皮上面有功能可以直接调用。
div.css({"width": 100, "height": 100, "border": "1px solid red"});
box.css("background", "red");
cbox.css("background", "yellow");
//jquery对象转换成js对象
jqdiv[0].style.backgroundColor = "black";
jqdiv.get(4).style.backgroundColor = "pink";
});
</script>
<div></div>
<div class="box"></div>
<div id="box"></div>
<div class="box"></div>
<div></div>
</body>
</html>
注意事项
1、jQuery对象是一个数组。数组中包含着原生JS中的DOM对象，还有其他特有的属性
2、jQuery对象数组中包含的东西很多，但是jQuery对象.length依然是计算原生js中的DOM对象
网友评论