jQuery学习之--初识

<script src="js/jquery1.7.2.js" type="text/javascript"></script>

首先，如何导入jquery库，就像Java中的类一样，如果要使用，就得先导入。这里当然不是导入类文件，因为这里是javascript，我们需要导入我们的js文件。在这里演示的是最新版的jquery1.7.2

按照国际惯例，我们尝试着打印HelloWorld。

$(document).ready(function(){
    alert("Hello");
});
或者可以这样写
$(function(){
    alert("Hello");
});

这里是看不出来简易的地方，但是，以后你会，发现。jQuery那“write less,do more”宗旨不是挂羊头卖狗肉，随便要喝，你会不会被它的魅力感染。

jQuery采用了链式操作方式。

$(document).ready(function(){
	$(".has_children").click(function(){	$(this).addClass("highlight").children("a").show().end().siblings().removeClass("highlight").children("a").hide();
	});
});

对于同一个对象，不超过三个操作的，可以直接写成一行，但是对于同一个对象的较多操作，可以每行写一个操作，当然这只是一个建议，如果你认为你超级牛B，并且有足够的体格不怕维护人员KO的话，可以试着把所有的操作放一行，下面向你展示一个我自己加的，这个还不算太长，但是已经足够能说明问题。（一面年纪轻轻就谢顶）

$(".has_children").click(function(){ 
$(this).addClass("highlight").children("a").show().end().siblings().removeClass("highlight").children("a").hide();

当然，这里还有必要说下DOM对象和jQuery对象之间的转换。

DOM-->jQuery

$(document).ready(function(){
	var obj=document.getElementsByTagName("h3")[0];
	var $jQueryObj=$(obj);
	alert(obj.innerHTML);
	alert($jQueryObj.html());
});

jQuery到DOM

var $variable  =  jQuery对象；
var variable   =  Dom对象

jQuery提供两种方法将一个jQuery对象转换成Dom对象，想知道，如何获取，那就等下一张吧。