一、jQuery简介

--------------------------------

jQuery是一个开源的JavaScript项目,凭借简洁的语法和跨平台的兼容性,极大简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。

jQuery强调写得少,做的多。jQuery独特的选择器、链式的DOM操作、事件处理机制和封装完善的Ajax都是其他JavaScript库望尘莫及。

======================================================================================


二、jQuery配置

--------------------------------

jQuery官网:http://jquery.com/

jQuery无需配置,只要将jQuery库复制到公共路径即可,在引入时写在其他调用它的前面。

======================================================================================


三、jQuery与其他库冲突

--------------------------------

“$”作为jQuery的快捷方式,在其他库中也经常被使用,为了避免冲突,通常在写js代码的第一行,将“$”权限释放,代码如下:

jQuery.noConflict();


或另外新建其他快捷方式并释放,代码如下:

var jq = jQuery.noConflict();

======================================================================================

四、jQuery选择器

-------------------------------

针对class用“.”取名字,代码如下:

<p class="demo">jQuery Demo</p>

<script type="javascript">

jQuery(".demo").click(function(){

alert("demo.click()被执行!");

})

</script>


jQuery("ID")代替document.getElementById();


jQuery("tagName")代替document.getElementByTagName();


jQuery获取的永远是对象,网页没有此元素时,应该根据元素长度判断,代码如下:

if(jQuery.("#demo").length > 0){

//do something

}

或转换成DOM对象来判断,代码如下:

if(jQuery("#demo")[0]){

//do something

}

======================================================================================


五、jQuery中的DOM操作

--------------------------------


======================================================================================


六、jQuery中的事件和动画

--------------------------------


======================================================================================


七、jQuery对表单、表格的操作及更多

--------------------------------


======================================================================================


八、jQuery与Ajax的应用

--------------------------------


======================================================================================


九、插件的使用与写法

--------------------------------


======================================================================================