一、jQuery简介
1、jQuery与JavaScript
从所周知,jQuery是JavaScript的程序库之一,它是JavaScript对象和实用函数的封装
使用jQuery制作交互特效的语法更为简单,代码量大大减少了
使用JQuery与单纯使用JavaScript相比最大的优势是能使页面在浏览器中保持统一的显示效果,即不存在浏览器兼容性问题
2、jQuery与其他JavaScript库
JavaScript是一种面向Web的脚本语言。jQuery只是JavaScript的程序库,相当于JavaScript技术的一个子集,所以,它并不能完全取代JavaScript
3、JQuery的优势
轻量级
强大的选择器
出色的DOM封装
可靠地事件处理机制
出色的浏览器兼容性
隐式迭代
丰富的插件支持
二、jQuery语法
1.$(document).ready(function(){}) 当页面加载完成后执行的方法
(document).ready()与window.onload类似,但仍有区别2.语法结构:(document).ready()与window.onload类似,但仍有区别 2.语法结构:(document).ready()与window.onload类似,但仍有区别2.语法结构:(selector).action();
$():工厂函数,将DOM化为jQuery对象
selector:选择器:例如 “#id” 等对节点元素进行选择
action:方法,jQuery中提供的各种方法,例如 $("#id").onclick();
注意:在jQuery中 $==jQuery 即 (document).ready()==jQuery(document).ready()注意:jQuery与js不要混用,例如:vara=document.getElementByID("ss");a.addClass();注意只有在jQuery中才有第二种写法,但是a并不是jQuery所封装好的对象类型,因此不能用。换个思路用jQuery的方式来获取对象就可以:vara=(document).ready()== jQuery(document).ready() 注意:jQuery与js不要混用,例如: var a=document.getElementByID("ss"); a.addClass(); 注意只有在jQuery中才有第二种写法,但是a并不是jQuery所封装好的对象类型,因此不能用。换个思路用jQuery