jQuery学习之路（一）基础知识-CSDN博客

本文链接：https://blog.csdn.net/u013303425/article/details/28295999

今天开始学习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();		//将$符所有权剔除
*/

未完待续。。。。。。