jQuery中$符号的含义

发表于 | 分类于 |

$符号表示什么

  • $()函数是jQuery()函数的别称；
  • 例子：
1
2
3
4
5
6
7
8
$(document).ready(function(){
	alert("aaa");
});

$("#btn1").bind({
	mouseover:function(){$(this).attr("style","color:red")},
	mouseout:function(){$(this).attr("style","color:yellow")}
})

禁用$符号

  • 在引入多个库时，$符号有可能和别的库重复；
  • 此时需要禁用jQuery中的$符号，或是自定义jQuery的简写符号；
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script>
	//不使用jQuery的$符号
	jQuery.noConflict();
	jQuery(document).ready(function(){
	    jQuery("#me").mouseover(function(){
		    jQuery("#me").css("background-color","blue");
	    })
	})

	//自定义jQuery简写符号
	var jq = jQuery.noConflict();
	jq(document).ready(function(){
		jq("#me").mouseover(function(){
			jq("#me").css("background-color","yellow");
		})
	})
</script>

几个函数的区别

  • 几个document相关的函数在jQuery中使用：
1
2
3
4
5
6
7
8
9
10
11
//jQuery中使用，等待DOM加载完毕后就执行
$(document).ready(fucntion(){...})

//jQuery中使用，等待页面全部加载完毕后才执行（图片音频视频等全部加载完毕后才执行）
$(window).load(function(){ ...})

//纯js中使用，等待DOM加载完毕后就执行
document.ready = function(){...}

//纯js中使用，等待页面全部加载完毕后才执行（图片音频视频等全部加载完毕后才执行）
window.onload = function(){...}
  • 下面的几个函数完全等价：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(document).ready(function(){
	alert("aaa");
});

jQuery(document).ready(function(){
	alert("bbb");
});

$(function(){
	alert("ccc");
})

jQuery(function(){
	alert("ddd");
})
  • 禁用浏览器的前进后退按钮：
1
2
3
4
5
6
7
<script>
	$(document).ready(function() {
		window.history.forward(1);
		//or
		window.history.forward(-1);
	});
</script>
您的支持是对我最大的鼓励！