jQuery---jQuery基础及选择器

获取jQuery

官网：http://jquery.com

使用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对象

jQuery---jQuery基础及选择器

原文：https://www.cnblogs.com/cxiaojie/p/13181787.html