获取jQuery
使用jQuery弹出提示框
ready()方法
$(function(){
//执行代码
}) ;
jQuery语法规则
- 工厂函数$()：将DOM对象转化为jQuery对象
- 选择器 selector：获取需要操作的DOM 元素
- 方法action()：jQuery中提供的方法，其中包括绑定事件处理的方法
$(selector).action() ;
jQuery操作页面元素
- 使用addClass( )方法为元素添加样式
jQuery 对象.addClass([样式名]);
- 使用css( )方法设置元素样式
css("属性","属性值") ;
css({"属性1":"属性值1","属性2":"属性值2"...}) ；
- 使用show( )、hide( ) 方法设置元素的显示和隐藏
$(selector).show( ); $(selector).hide( );
jQuery代码风格
- $”等同于“jQuery”
$(document).ready()等同于jQuery(document).ready()
$(function(){...})等同于jQuery (function(){...})
- 链式操作
$("h2").css("background-color","#ccffff").next().css("display","block")；
- 隐式迭代
$(document).ready(function() {
$("li").css({"font-weight":"bold","color":"red"});
});
DOM对象和JQuery对象的区别
1.jQuery对象和DOM对象
DOM对象，即是我们用传统的方法(javascript)获得的对象，jQuery对象即是用jQuery类库的选择器获得的对象;
jQuery对象就是通过jQuery包装DOM对象后产生的对象，它是jQuery独有的。如果一个对象是jQuery对象，那么就可以使用jQuery里的方法，例:
$("#foo").html(); //获取id为foo的元素内的html代码，html()是jQuery特有的方法;
2.jQuery对象和DOM对象的互相转换
jquery对象转换成 dom对象
jquery提供了两种方法将一个jquery对象转换成一个dom对象，即[index]和get(index)。
附：平时用到的jquery对象都是通过$()函数制造出来的，$()函数就是一个jquery对象的制造工厂.
建议:如果获取的对象是 jquery对象，那么在变量前面加上$,这样方便容易识别出哪些是jquery对象,例如:
var $variable = jquery对象;
如果获取的是dom对象，则定义如下:
var variable = dom对象