码迷,mamicode.com
首页 > Web开发 > 详细

jQuery选择器

时间:2015-08-10 22:01:36      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>index.html</title>
    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
    </script>
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <link title="style" media="screen" href="css/green.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript">
        $(document).ready(function(){
            $("#testbutton").click(
            function() {
                    $("div.test:has(p)").addClass("red");
                    
                }
            );
        });
    </script>
  </head>
 
  <body>
    
    <div id="wrapper">
        <div id="pic"></div>
        <h1>jQuery Playground</h1>
        <ul id="nav">
            <li><a class="current" href="index.html" >测试页面</a></li>
            <li><a href="#">关于</a></li>
        </ul>
    <div id="content">
        <input type=button value="单击此处开始测试" id="testbutton" /><br/><br/>
            <form>
                用户名:<input type="text" />
                密码:<input type="password" /><br/>
                记住密码:<input type="checkbox" />
                <input type="submit" value="提交" id="submit" />
                <input type="reset" value="重置" id="reset" /><br/>
                Email:<input name="email" disable="disabled" /><br/>
                性别:男<input type="radio" checked="checked" name="Sex" value="male" />
                女<input type="radio" name="Sex" value="female" />
                地点:<select name="loction">
                        <option value="xian">西安</option>
                        <option value="qd">青岛</option>
                        <option value="bj">北京</option>
                     </select>
                照片:<input type="image" src="../images/p1.jpg"/><br/>
                上传:<input type="file" /><br/>
                描述:<textarea></textarea><br/>
                <input type="button" value="input按钮" />
                <button>button按钮</button>
            </form>

        
    </div>    
        
        
        
        <div id="foot">
            dengyexun studying!
        </div>
    
    </div>
    <!--  
    <input type=button value="单击测试按钮" id="testbutton" />
    <div id="spans">
        <span>span1</span>
        <span>span2</span>
        <span>span3</span>
    </div>
    -->
        
    <!--     
    <div id="content">
    <h2>jQuery过滤镜选择器</h2>
        <input type=button value="单击此处开始测试" id="testbutton" />
        <form>
        <label>Name:</label> <input name="name" />
        <fieldset>
        <label>Nesletter:</label> <input name="newsletter" />
        </fieldset>
        </form>
        <label>Ohters</label> <input name="others"/>
        
    </div>    
     -->

         
        
  </body>
</html>

jQuery选择器

标签:

原文地址:http://www.cnblogs.com/demo-deng/p/4719218.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!