使用jQuery快速高效制作网页交互特效 第五章初始jQuery

1.配置jQuery环境
  (1)获取jQuery的版本
  (2)jQuery库类型说明
     jquery-1.版本号.js(开发板)        主要用于测试,学习和开发
     jquery-1.版本号.min.js(发布版)    主要用于发布的产品和项目
  (3)jQuery环境配置
  (4)在页面中引入jQuery

2.jQuery语法
  jQuery代码:$(document).ready(function({

  });  //同一页面能同时编写多个

  JavaScript代码:window.οnlοad=function(){
 
  };  //同一页面不能同时编写多个

3.jQuery语法结构
  语法:$(selector).action();
  (1)工厂函数$()
  (2)选择器selector
  (3)方法action()

4.addClass()方法和css()方法
  addClass()方法是jQuery中用于进行css操作的方法之一,作用是向被选元素添加一个或多个类样式
  语法:jQuery 对象.addClass([样式名])
  css()方法是jQuery中用于进行css操作的方法之一,作用是为匹配的元素添加CSS样式
  语法:css("属性","属性值");    //设置一个css属性
       css({"属性1":"属性值1","属性2":"属性2"...});     //同时设置多个css属性

5.显示,隐藏HTML元素的简单语法
  语法:$(selector).show();  //显示
       $(selector).hide();  //隐藏

6.jQuery程序的代码风格
  (1)"$"使用
  (2)链式操作
  (3)隐式迭代
  (4)添加注释

7.jQuery对象与DOM对象的相互转换
  (1)jQuery对象转换成DOM对象
    jQuery对象是一个类似数组的对象,可以通过[index]的方法得到相应的DOM对象
    示例:var $txtName=$("txtName");   //jQuery对象
         var txtName=$txtName[0];     //DOM对象
         alert(txtName.checked)       //检验这个checked是否被选中了
   
    通过get(index)方法得到相应的DOM对象
    示例:vvar $txtName=$("txtName");   //jQuery对象
         var txtName=$txtName.get(0);  //DOM对象
         alert(txtName.checked)       //检验这个checked是否被选中了

  (2)DOM对象转换成jQuery对象
     对于一个DOM对象,只需要用$()函数将DOM对象包装起来,就可以获得一个jQuery对象,其方式为$(DOM对象)
     示例:var txtName=document.getElementById("txtName");    //DOM对象
          var $txtName=$(txtName);     //jQuery对象