选择器详述 基本选择器 案例2:<htm1 <body> <div><img src="Images/10-strawberry jpg/> tit1e)元素选择《tit1e 这里种了一棵草莓</div> <meta charset=UTF-8> <div><img src="Images/10-fish jpg"/> <meta name=viewport" content= width=devicewidth, initial-scale=1.0) 这里养了一条鱼</div <script src=jQuery/jquery. 2. 1. js"type=tert/javascript>/script) input type=" button" value="几年后" <script. </body? s(function( input [=button]). click(function i (div?).eq(0).htal("< img src= Images/10 strawberry1.jg/这里长出了 一片草? (div?).get(1). inmesH=< img src= Images/10ishl.jg/这里的鱼没 有了"; <script>
选择器详述 基本选择器 案例2：<html> <head> <title>元素选择器</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="jQuery/jquery-3.2.1.js" type="text/javascript"></script> <script> $(function(){ $("input[type='button']").click(function(){ $("div").eq(0).html("<img src='Images/10-strawberry1.jpg'/>这里长出了 一片草莓"); $("div").get(1).innerHTML="<img src='Images/10-fish1.jpg'/>这里的鱼没 有了"; }); }); </script> </head> <body> <div><img src="Images/10-strawberry.jpg"/> 这里种了一棵草莓</div> <div><img src="Images/10-fish.jpg"/> 这里养了一条鱼</div> <input type="button" value="几年后" /> </body>
选择器详述 基本选择器 类名选择器 元素选择器是通过元素拥有的CSS类的名称查找匹配的DOM元 素 ID选择器的使用方法:5casy 其中clas为要查询元素的类名。例如,要查询使用CSS类名 为 mybook的元素,可以使用下面的 jQuery代码: $(“. mybook”)
选择器详述 基本选择器 类名选择器 元素选择器是通过元素拥有的CSS类的名称查找匹配的DOM元 素。 ID选择器的使用方法： 其中class为要查询元素的类名。例如，要查询使用CSS类名 为mybook的元素，可以使用下面的jQuery代码： $(“.mybook”) $(".class");
选择器详述 基本选择器 案例3 <body> <htmI> <div>默认的样式</div <head < div class=" myClass">更改后的样式<div </body> < title>元素选择器</tit1e </html> Meta charset=UTF-8> <script src="jQuery/jquery-321.js type=text/javascript></script> <script> s (function( s(. myClass").css( background color","#C50210"); s(. myClass).css(color,#FFF) </script> </head>
选择器详述 基本选择器 案例3： <html> <head> <title>元素选择器</title> <meta charset="UTF-8"> < s c r i p t s r c = " j Q u e r y / j q u e r y - 3 . 2 . 1 . j s " type="text/javascript"></script> <script> $(function(){ $ ( " . m y C l a s s " ) . css("background - color","#C50210"); $(".myClass").css("color","#FFF"); }) </script> </head> <body> <div>默认的样式</div> <div class="myClass">更改后的样式</div> </body> </html>
选择器详述 基本选择器 复合选择器 复合选择器是将多个选择器(可以是I选择器、元素选择器 或是类名选择器)组合在一起;两个选择器之间以逗号“,” 分隔,只要符合其中的任何一个筛选条件就会被匹配,返回 的是一个集合形式的 jQuery包装集,利用 jQuery索引器可以 取得集合中的 jQuery对象 复合选择器的使用方法: S selector, selector 2, selector")
选择器详述 基本选择器 复合选择器 复合选择器是将多个选择器（可以是ID选择器、元素选择器 或是类名选择器）组合在一起；两个选择器之间以逗号“ ， ” 分隔，只要符合其中的任何一个筛选条件就会被匹配，返回 的是一个集合形式的jQuery包装集，利用jQuery索引器可以 取得集合中的jQuery对象。 复合选择器的使用方法： $(" selector1,selector2,selectorN");