手记

初学jQuery

一、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的应用

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


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


九、插件的使用与写法

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


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



0人推荐
随时随地看视频
慕课网APP