标签：9.png ted div 分析 lin child jquery apple nbsp
今天下午车回老家，上午有时间更新一片关于jq的基础的知识，注意是用于自己复习，和初学这入门的。
选择器分为：基本选择器、层级选择器、筛选选择器 下面我们一一展开分析
基本选择器
<script>
//函数入口
$(document).ready(function(){
//获取元素的基本方法有三种
var jqdiv=$("div");
var jqDbox=$("#box");
var jqCbox=$(".box");
//操作标签选择器
jqdiv.css("width",100);
jqdiv.css("height",100);
jqdiv.css("background","red");
jqdiv.css("margin-bottom","10px");
//操作id选择器
jqDbox.css("background","pink");
//操作类 选择器
jqCbox.css("background","yellow")
})
</script>
<script>
//jq函数入口
$(function(){
//获取元素
//后代选择器 也是层级选择器 选择儿子，孙子，重孙子
var ulLi=$("ul li");
ulLi.css("background","red");
ulLi.css("margin-bottom","10px");
//子代选择器 只选择儿子
var jqother=$("ul>li");
jqother.css("background","pink")
})
</script>
<script>
//函数入口
$(document).ready(function(){
//获取元素
//利用过滤器获取偶数个数添加背景
var jqodd=$("ul li:odd"); //偶数选择器
jqodd.css("background","red");
//利用过滤器获取奇数个数添加背景
var jqeven=$("ul li:even"); //奇数选择器
jqeven.css("background","pink");
//索引值选择器
var jqeq=$("ul li:eq(0)");
jqeq.css("background","black");
var liArr=$("li");
//获取最后一个li
//var qeqh=$("ul li:eq("+(liArr.length-1)+")");
var qeqh=$("ul li:last");
qeqh.css("background","blue")
})
</script>
筛选选择器(只对dom对象调用) 1、find( selector) 找到父元素的所有后代元素 （儿子、f孙子） 父元素 . find(" 要查找的子元素") 必须制定参数，如果不指定获取不到元素，length ===0
ul.children("li").css("background","pink");
3、parent 获取当前元素的父节点
console.log(ul.children().eq(0).parent())
4、sibilings 获取所有的兄弟节点（不包括本身）
ul.children().eq(0).next().siblings().css("background","yellow")
5、eq（索引值）获取对应的元素
ul.children().eq(0).css("background","black")
6、next 该元素下一个兄弟节点
ul.children().eq(0).next().css("background","blue");
标签：9.png ted div 分析 lin child jquery apple nbsp
原文地址：http://www.cnblogs.com/wdz1/p/7742623.html
