获取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对象