1、jquery是一个可实习快速卡发、简洁轻量级的JavaScript库,可以用最精简的程序跨HtmlDom操作。
2、关于引用js库文件:需要在网页中应用jquery.js文件,一般为<scripttype="text/javascript"src=jquery-1.6.2.min.js"></script>
3、CDN全称是ContentDelivery NetWork ,即内容分发网络。为尽可能的避开互联网上有可能影响数据传输速度和稳定瓶颈的环节,是内容传输更快跟稳定。一些网络公司存在jquery的副本,作为jquery库的CDN,像是goole,<script
Type="text/javascript”src=“http://ajax。Googleapis.com/ajax/libs/jquerys/l1.6.2/jquery.min.js">
4、第一个jquery例子:
$(document).ready(function(){
});
可以简写为$(function(){});
是当HTMLDom全部页面加载完毕后在执行内部相应的方法;
联想:JS中实现相同方式的还有window.οnlοad=funtion(){}
区别:window.onload必须等待网页中所有的内容加载完毕后包括图片才能执行。不可以编写多个window.οnlοad=function(){},而$(document).ready()是在所有的Dom结构绘制完毕后执行可能Dom元素关联的东西并没有加载完成。
jquery使用的选择器,用来选择HTML元素,其中document为整个HTML文档。$符号为jquery这个JavaScript类,
5、解决jquery冲突(重新定义$符号):
如果在其他Js库文件中同样使用了$符号,则会与jquery发生冲突,为了解决此问题Jquery定义了静态方法noConflict(),
$.noConflict()用来删除$变量,然后就可以使用其他库中的$了,如果继续使用jquery的话可以var jjj=$.noConflict();就可以继续使用jjj作为$的替代来继续写代码了。
6、jquery很方便但是也有其不可以取代js的部分,例如jqeury尽可以处理元素节点,属性几点和文本节点,对于其他类型的节点,必须使用Core Dom和HTML Dom方法来直接处理。jquery虽然可以处理CSS样式但是不能处理style元素定义的样式表,也不能处理引入的外部样式表。
添加:
1、
<pre name="code" class="javascript">$(".has_children").click(function(){
$(this).addClass("higthlight)
.clildren("a").show().end()
.siblings().removeClass("highlight")
.children("a").hide();
}
这段代码的作用是当鼠标点击到class中含有has_children的元素的是有给其添加一个名为highlight的class,人后将其内部的<a>元素全部显示出来,并且被单击的class中含有has_children元素元素同辈元素都去掉一个名为hightlight的class,同时同辈元素内部的<a>元素全部隐藏。
2、在编写jquery对一个对象操作的情况下,建议不超过三个操作写在同一行中,如果是对一个对象进行多个操作,则要分行处理。
3、jquery对象和Dom对象,DOM(Document Object Model,文档对象模型)。
jquery对象是通过包装Dom对象后产生的对象。
$("#foo").html();等同于js的document.getElementById("foo").innerHTML;
jquery和Dom的相互转换:如果获取的对象是jquery对象在变量前面加$,例如:var $variable = jQuery对象;如果要获取DOM对象则定义为var variable = DOM对象;
4、jquery对象转换成Dom对象:
(1)jquery是一个数组对象,可以通过【index】的方法得到相应的dom对象。则是var $cr =$("#cr"); var cr= $cr[0];
则cr为DOM对象;
(2)也可以通过get(index)的方法得到相应的DoM对象。var $cr =$("#cr"); var cr= $cr.get(0);\
5、Dom对象转换成jquery对象。使用$符号包裹起来就得到了一个jquery对象。例如var cr=document.getElementById("cr");var $cr =$(cr);
6、解决jquery和其他库的冲突:
jquery库文件在其他库导入之前导入:Var $jquery = jQuery.noConflict();就可以使用$jquery代替$符号了。
jquery库文件在其他库导入之后导入:可以直接使用$了;