jQuery筛选&文档处理

本章学习目标：

1.掌握基本jQuery过滤元素的语法运用；

2.掌握基本的jQuery查找元素的语法运用；

3.掌握jQuery文档的基本增删改语法运用；

---

一、jQuery筛选

1、 过滤

基本语法：
            first()：获取匹配的第一个元素
            last()：获得匹配的最后一个元素
            eq(N)：获取匹配的第N或-N个元素
            filter(selector)：筛选出与指定表达式匹配的元素集合
            has(selector)：筛选出包含特定特点的元素的集合
            not(selector)：筛选出不包含特定特点的元素的集合
过滤元素案例：
            1.1 从元素数组中找到第一个元素：

        <!-- 引入外部js -->
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<!-- 另起一个js -->
		<script type="text/javascript">
            $(function() { //自动调用
                //获取ul中所有的li元素，然后找到第一个元素
                //$("ul li").first().css("background","pink");
				//$("ul li:first").first().css("background","pink");
            })
		</script>

           1.2 从元素数组中找到最后一个元素：

        <!-- 引入外部js -->
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<!-- 另起一个js -->
		<script type="text/javascript">
            $(function() { //自动调用
                // 找到最后一个元素
				//$("ul>li").last().css("background","pink");
            })
		</script>

           1.3 从元素数组中找到指定的某一个元素：

        <!-- 引入外部js -->
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<!-- 另起一个js -->
		<script type="text/javascript">
            $(function() { //自动调用
                // 找到指定的某一个元素，例如第3个
				//$("ul>li:eq(2)").css("background","pink");//正数第三个
				//$("ul>li:eq(-1)").css("background","pink");//倒数第三个
            })
		</script>

           1.4 从元素数组中找到属性title为a和不为a的元素：

        <!-- 引入外部js -->
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<!-- 另起一个js -->
		<script type="text/javascript">
            $(function() { //自动调用
                //--过滤出指定表达式匹配的元素集合
				// 找到属性title为a的元素
				//$("ul>li").filter("[title=a]").css("background","pink");
				// 找到属性title不为a的元素
				//$("ul>li").filter("[title][title!=a]").css("background","pink");
            })
		</script>