JQuery小碎的知识点
1.怎样区分JQuery对象和DOM对象?
这个其实很简单,JQuery对象是利用工厂函数 ()将DOM对象转化后的对象,如果没有进行二次修改变量名,那么前面一定带有′′美元符号′′,例如: ( ) 将 D O M 对 象 转 化 后 的 对 象 , 如 果 没 有 进 行 二 次 修 改 变 量 名 , 那 么 前 面 一 定 带 有 ″ 美 元 符 号 ″ , 例 如 : (“#box”),通常情况下,如果是JQuery对象,那么在代码中习惯性的在前面加上”美元符号”,例如:var a=$(“#box”);,诸如此类.
2.如何进行JQuery对象和DOM对象的互相转化
首先声明,一下代码不是我的独创,是我借鉴别人的
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<!--<body>
JQuery对象转DOM对象
<p>my</p>
<p>my</p>
<script src="js/jquery-1.8.3.js"></script>
<script>
var $cr = $("p"); //jquery对象
var cr = $cr[1]; //dom对象
var ct = $cr.get(0) //第二种转换为DOM对象的方式
cr.innerHTML = "you" //检测是否转换成功,可以用DOM方法 输出结果为第二个my改成了you
ct.innerHTML = 'fuck' //输出结果第一个my改成了fuck
</script>
</body>-->
<body>
DOM对象转化为JQuery对象
<p>my</p>
<p>my</p>
<script src="js/jquery-1.8.3.js"></script>
<script>
var cr = document.getElementsByTagName("p") //DOM对象
var $cr = $(cr); //jquery对象
$cr.eq(0).html("fuck"); //检测是否转换成功,可以用jquery方法 输出结果为第二个my改成了fuck
$cr.eq(1).html("you"); //输出结果为my改成you
</script>
</body>
</html>```
3.在运用removeClass方法时,需要注意的一点
,注意$(“#box”).removeClass() 中的括号,如果这个括号为空,那么你将要移除ID为box的中所有的样式.所以一定要慎重.
4.JQuery中ready事件简写
//ready事件的完整写法
$(document).ready(function(){
});
//简化写法
$(function(){
});```