<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

 <%

     String path = request.getContextPath();

     String basePath = request.getScheme() + "://"

             + request.getServerName() + ":" + request.getServerPort()

             + path + "/";

 %>

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 <html>

 <head>

 <base href="<%=basePath%>">

 <title>My JSP 'jquery.jsp' starting page</title>

 <meta http-equiv="pragma" content="no-cache">

 <meta http-equiv="cache-control" content="no-cache">

 <meta http-equiv="expires" content="0">

 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

 <meta http-equiv="description" content="This is my page">

 <script type="text/javascript" src="/common/easyui/jquery.min.js"></script>

 <script type="text/javascript">

     $(document).ready(function(){

     $("form input").css("background-color","yellow");

     });

 </script>

 </head>

 <body>

 <form>

   <label>Name:</label>

   <input name="name" />

   <fieldset>

       <label>Newsletter:</label>

       <input name="newsletter" />

  </fieldset>

 </form>

 <input name="none" /> 

 </body>

 </html>

　　　　　　　　　　　　效果图1-1

重点解释：

 $("form input")：即form下所有input
结合JQuery1.4.2API还有：

parent>children:父元素下所有子元素
$("form > input")：form下所有input

prev+next:跟在prev后所有的next元素
$("form+input"):跟在form后的所有input元素

prev ~ siblings:与prev同级的siblings元素
$("form ~ input"):与form同级的input元素
												


											
JQuery学习(层级)ancestor & descendant的更多相关文章
	

    
								
  1. jQuery学习总结1
		
    一.下载集CDN引入 1.1.官方下载 地址:http://jQuery.com/download/ jq自2.0版本开始,不再支持IE9一下浏览器:自3.0版本开始,针对移动端做了优化处理: 引入  ...
    
		
    2. 
						
  2. 锋利的jquery学习笔记
		
    1.$("#tt")获取的永远都是一个jquery对象,所以要判断页面上是否存在某个对象不能像js中 if($("#tt")){ } 而是通过: ){ } ps ...
    
		
    3. 
						
  3. JQuery学习笔记——层级选择器
		
    JQuery学习笔记--层级选择器 上一篇学习了基础的五种选择,分别是id选择器,class选择器,element选择器,*选择器 和 并列选择器.根据手册大纲,这篇学习的是层级选择器. 选择器: 1 ...
    
		
    4. 
						
  4. jQuery选择器--selector1,selector2,selectorN和ancestor descendant
		
        selector1,selector2,selectorN 概述 将每一个选择器匹配到的元素合并后一起返回.你可以指定任意多个选择器,并将匹配到的元素合并到一个结果内 参数 selector1 ...
    
		
    5. 
						
  5. jQuery 学习笔记
		
    jQuery 学习笔记   一.jQuery概述    宗旨: Write Less, Do More.    基础知识:        1.符号$代替document.getElementById( ...
    
		
    6. 
						
  6. jQuery学习笔记(一)jQuery选择器
		
    目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQue ...
    
		
    7. 
						
  7. jQuery学习笔记 - 基础知识扫盲入门篇
		
    jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器 ...
    
		
    8. 
						
  8. jQuery 学习笔记(未完待续)
		
    一.jQuery概述    宗旨: Write Less, Do More.    基础知识:        1.符号$代替document.getElementById()函数        2.使 ...
    
		
    9. 
						
  9. jQuery学习之旅 Item1 选择器【一】
		
    点击"名称"会跳转到此方法的jQuery官方说明文档. 1. 基础选择器 Basics 名称 说明 举例 #id 根据元素Id选择 $("divId") 选择I ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. C++学习基础八——重载输入和输出操作符
			
    一.重载输入操作符的要点: 1.返回值为istream &. 2.第一个参数为istream &in. 3.第二个参数为自定义类型的引用对象(例如Sales_Item &ite ...
    
			
    2. 
						
  2. NHibernate系列文章八：NHibernate对象一级缓存
			
    摘要 Nhibernatea缓存非常强大,按照缓存存储在Session对象还是SessionFactory对象分为一级缓存和二级缓存. 一级缓存存在于Session对象里,也叫Session缓存,由S ...
    
			
    3. 
						
  3. string和vector
			
    一.String对象 1.string s;      s.size(); //返回的是s中字符的个数,也是s的长度: //string对象最后没有加空字符 //size()返回的是string::s ...
    
			
    4. 
						
  4. css设置中文字体(font-family:"黑体")后样式失效问题
			
    做项目时偶遇的一诡异问题,同样的代码,在ff和IE7以上页面显示正常,但IE6无论怎么改都不起作用,本来以为是IE6的某些浮动bug所致,结果弄了很长时间也不行,后来不经意间把原来设定的font-fa ...
    
			
    5. 
						
  5. 关于read only file system问题解决方案
			
    切换到超级用户sudo -sadb kill-serveradb rebootadb remount
    
			
    6. 
						
  6. 易语言软件加VMProtect壳的正确方法
			
    VMP是一款很强大的加密壳,代码虚拟化技术可以很好的保护程序不被恶意修改破J但是很多人不知道怎么给自己的程序加壳,今天给大家晋级下加壳的正确方法 相信很多新手都以为只要把软件直接拖到VMP里重新编译一 ...
    
			
    7. 
						
  7. ios 学习总结之动画（转）
			
    转自:http://blog.sina.com.cn/s/blog_a85effc301012wu4.html UIView的,翻转.旋转,偏移,翻页,缩放,取反的动画效果   翻转的动画 //开始动 ...
    
			
    8. 
						
  8. ORACLE rowid，file# 和 rfile#
			
    rowid简介 rowid就是唯一标志记录物理位置的一个id,在oracle 8版本以前,rowid由file#+block#+row#组成,占用6个bytes的空间,10 bit 的 file# , ...
    
			
    9. 
						
  9. HDU 4819 Mosaic （二维线段树）
			
    Mosaic Time Limit: 10000/5000 MS (Java/Others)    Memory Limit: 102400/102400 K (Java/Others)Total S ...
    
			
    10. 
						
  10. poj1741 树上的点分治
			
    题意: 一棵10000个点的树,每条边的长不超过1000,给定一个值k,问距离不超过k的点对数有多少.(多组数据) 输入样例: 5 4 1 2 3 1 3 1 1 4 2 3 5 1 0 0输出样例: ...
    
			
    11.