jQuery学习之路(一)基础知识

今天开始学习jQuery,希望大家能多多支持!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="css/test.css" ></link>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
		<h1>qijiiijijijij</h1>
</body>
</html>
/*function $(str){
		var htmlobj=document.getElementById(str);
		return htmlobj;
		
}*/

/*$(function(){							//执行一个匿名函数
	$("h1").css('color','red');  		//进行执行的ID元素选择,执行功能函数	
});

//$本身就是jQuery对象的缩写形式,下面与之等效
jQuery(function(){
	jQuery("h1").css('color','red');
});
$().css(‘color’, ’red’); //理论上合法,但实际上缺少元素而报错
值得一提的是,执行了.css()这个功能函数后,最终返回的还是jQuery对象,那么也就
是说,jQuery的代码模式是采用的连缀方式,可以不停的连续调用功能函数。
$('#box').css('color', 'red').css('font-size', '50px'); //连缀

$(function () {
});是$("document").ready(function(){

});的简写
*/
$("document").ready(function(){	//可以执行多次, 第N次都不会被上一次覆盖
	//$("h1").css('color', 'red').css('font-size', '50px'); 
	alert($("h1"));			//jQuery对象
	alert(document.getElementByTagName("h1")[0]);	//原生dom对象
	alert($("h1").get(0));			//原生dom对象
	alert($(document.getElementByTagName("h1")[0])); //jQuery对象		
});
/*
 * 从上面 get(0),这里的索引看出,jQuery 是可以进行批量处理 DOM 的,这样可以在很
 * 多需要循环遍历的处理上更加得心应手。
 * 解决多个js库冲突
 * var $$=jQuery;			//创建一个$$的 jQuery 对象
 * jQuery.noConflict();		//将$符所有权剔除
*/

未完待续。。。。。。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章