初识jQuery -- 概览

1.什么是jQuery?

       jQuery是JavaScript的程序库之一,它是JavaScript对象 和实用函数的封装.

2.jQuery的用途.

       1)访问和操作DOM元素

       2)控制页面样式

       3)对页面事件的处理

       4)方便地使用jQuery插件

       5)与Ajax技术的完美结合

3.jQuery的优势

       1)轻量级

       2)强大的选择器

       3)出色的DOM封装

       4)可靠的事件处理机制

       5)出色的浏览器兼容器

       6)隐式迭代

       7)丰富的插件支持

4.jQuery语法

       $(document).ready(function(){

           //执行代码

      });

      $():工厂函数    

      selector选择器:   $(selector)  

       ID选择器,标签选择器,类选择器的用法:

                  $("#userName")             $("div")            $(".textbox")

       action()方法

5.css()语法

       css()方法是jQuery中用于进行CSS操作的方法之一,作用是为匹配的元素添加CSS样式.

       css("属性","属性值");

6.jQuery对象与DOM对象的相互转换

       1)jQuery对象转换成DOM对象

       (1)jQuery对象是一个类似数组的对象,可以通过[index]和get(index).

            var $txtName = $("#txtName");  //jQuery对象

            var txtName = $txtName[0];  //DOM对象

            alert(txtName.checked);   //检测

        (2)通过get(index)方法得到相应的DOM对象

            var $txtName = $("#txtName");

            var txtName = $txtName[0];

            alert(txtName.checked)

         2)DOM对象转换成jQuery对象

            对于一个DOM对象,只需要用$()函数将DOM对象包装起来,就可以获得一个jQuery对象.其方式为$(DOM对象)

                   var txtName = document.getElementById("txtName");

                   var $txtName = $(txtName);