juqery学习3之juqery对象条件筛选

代码例子：某个div块下的字体样式的控制。

 1 //script代码
 2
 3 <script src="${sitePath}/cec_wcp/js/jquery-1.8.2.min.js" type="text/javascript"></script>
 4  <script type="text/javascript">
 5
 6         function SetFont(size){
 7                //如果id为news_content的div块下存在p标签，则控制p标签中字体的大小。
 8                //如果该id下的div块中不存在p标签，则直接控制该div下的字体的大小
 9             if($("#news_content p").length>0){
10                   $("#news_content p").css("font-size",size+"pt");
11                }else{
12                   $("#news_content").css("font-size",size+"pt");
13                }
14         }
15
16     </script>
17
18 //html代码
19    <p>【字体：<a href="javascript:SetFont(14)">大</a> <a href="javascript:SetFont(12)">中</a> <a href="javascript:SetFont(10)">小</a>】</p>
20
21 <div id="news_content"></div>

View Code

第一种：jquery条件综合多条件选择器

模式：$(选择器1，选择器2)----->返回选择器1内符合选择器2的jquery对象(选择器1内的后代元素，儿子孙子辈都有)

第二种：jquery对象find()方法

模式：$(选择器1,选择器2).find("选择器3")--->返回符合选择器1，选择器2的jquery对象中包含的符合选择器3的所有后代元素。包括孙子辈。不包括自身。

 第三种：jquery对象children()方法

模式:$(选择器1，选择器2).children("选择器3")--->返回符合选择器1+选择器2的孩子级别的选择器3的jquery对象。只包含孩子辈，无孙子辈。不包括自身。

jQuery 选择器

撒旦法