首页 > 代码库 > Jquery浅识

Jquery浅识

本周刚刚接触了jquery,确实,以最少的代码做最多的事情,我们只需编写几行代码就能实现令人惊奇的效果。还无需过于担忧浏览器差异,即使在ie这种比较特殊也比较恶心的浏览器下也能很好的兼容,不必担心你的dom操作会不会在ie下不支持的问题。

它不但可以操作dom,也可以实现动画,事件等处理。它还是链式操作方式,即对发生在同一个jQuery对象上的一组动作,可直接连写而无需重复获取对象。这对我们来说又可以省下一大片代码。而且它还是开源的,任何人都可以自由使用。

如:document.getElementById("myDiv").value; 

用jquery 实现就是$("#myDiv").val();简单,粗暴,好用!

但是如果需要在dom操作和jquery操作,需要在两者之间进行转换,具体的转换方式是,如:

var $cr = $("#cr") ——> var cr = $cr[0]; 或:var cr = $cr.get[0] 这是从jquery 转换到dom操作。

var cr=document.getelementbyid("cr")——> var $cr=$(cr); 这是从dom转换到jquery.

常用的html 元素的选取

$(“xxx”)——>所有<xxx>标签的元素         $(“p#demo”)——>所有id=”demo”的<p>元素              $(“p.style”)——>所有class=”style”的<p>元素$(“#demo”) ——>所有id=”demo”的元素       $(“.style”) ——>所有class=”style”的元素