jQuery 基本用法

文档加载函数：

实例1：

 实例2：

 

 

.ready() 文档准备就绪：

第一种写法：

 

 第二种写法：

 

 第三种写法：

 

alert();  用法：

实例：

 

js=>jq    js转换为jq：

jq=>js    jq转换为js：

 

 

 实例：

var div=document.querySelector(".div");   原生js代码

转换为：

var $div=$(".div")      jQuery代码

var $div=$(".div")      基础选择器

var $div=$("*:first")    可以单独使用 * 所有内容

 

索引：eq等于    gt大于   lt小于   空格过滤的是li本身，不能加空格

:even  偶数   :odd  基数   选中的是索引

$("li:first")

 

实例：

 $("li:eq(2)").css("color","red")

 $("li:gt(2)").css("color","green")

 $("li:lt(2)").css("color","blue")

 

内容过滤器：

$("li:empty").css("color","red")          empty 里面什么都没有，包括文本节点

$("li:parent").css("color","red")          parent 文本节点只要标签不闭合，中间都有内容

$("li:has(.span)").css("color","red")       has() 包含节点  检查的是选择器

$("li:contains(11)").css("color","red")       contains()  包含文本

 

可见性：

:hidder  只识别display: none;

 

标签内容：

以上所有实例都基于标签内容显示在网页上