基本过滤选择器

最新推荐文章于 2014-07-16 16:03:13 发布
最新推荐文章于 2014-07-16 16:03:13 发布
阅读量425 收藏
点赞数
分类专栏： 学习笔记 文章标签： div input function server border header
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/love_zt_love/article/details/6527465
版权

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>基本过滤选择器</title>
    <script src="js/jquery-1.5.2.js" type="text/javascript"></script>
    <script type="text/javascript">
        //:first选取第一个元素
        //$("div:frist")选取第一个div
        //:last选取最后一个元素
        //$("div:last")选取最后一个div
        //:not(选择器)选取不满足"选择器"条件的元素
        //$("input:not(.myclass)")选取样式名不是myclass的input
        //:even、:odd选取奇数、偶数的元素
        //$("input:even")选取索引是奇数的input
        //:eq(索引序号)、:gt(索引序号)、:lt(索引序号)选取索引等于、大于、小于索引序号的元素。
        //$("input:lt(1)")选取索引小于1的input
        //$(":header")选取所有的h1.....h6元素
        //$("div:animated")选取正在执行动画的div元素
        //例子1：表格奇数行是黄色背景

        $(function () {
            $("#UserInfo tr:first").css("fontSize", "30");
            $("#UserInfo tr:last").css("fontSize", "30");
            $("#UserInfo tr:first").css("color", "red");
            $("#UserInfo tr:last").css("color", "red");
            $("#UserInfo tr:even").css("background", "yellow");
            $("#UserInfo tr:odd").css("background", "blue");
            $("#UserInfo tr:gt(1):lt(4)").css("color", "white");
            //$("#UserInfo tr:eq(5)").css("background-image","url('images/13.jpg');
            $("#UserInfo tr td img").click(function () {
                $("#image").show();
            });
            $("#image").hide();
            //第二选择器
            $("#ul1").click(function () {

                $("li", $(this)).css("background", "red");// $("li", $(this)).siblings().css("background", "white");
            });
        });
    </script>
    <style type="text/css">
        .aa
        {
             background: url("images/red.gif");
              color:White;
            }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <div id="image"><img id="img" src="images/sdf.jpg" width="500px" height="280px" alt="我和菲" /></div>
    <div id="div1">
        <ul id="ul1">
            <li>美女</li>
            <li>米女</li>
            <li>张燕</li>
            <li>可爱</li>
        </ul>
    </div>
    <div id="div2">
                <ul>
            <li>美女</li>
            <li>米女</li>
            <li>张燕</li>
            <li>可爱</li>
        </ul>
    </div>
    <table border="0" id="UserInfo" cellpadding="1" cellspacing="1">
        <tr><td>姓名</td><td>性别</td><td>年龄</td><td>美丽指数</td></tr>
         <tr><td>张燕</td><td>女</td><td>21</td><td><img src="images/red.gif" /></td></tr>
         <tr><td>洁</td><td>女</td><td>22</td><td><img src="images/red.gif" /></td></tr>
         <tr><td>杜</td><td>女</td><td>22</td><td><img src="images/red.gif" /></td></tr>
         <tr><td>张燕</td><td>女</td><td>21</td><td><img src="images/red.gif" /></td></tr>
         <tr><td>洁</td><td>女</td><td>22</td><td><img src="images/red.gif" /></td></tr>
         <tr><td>杜</td><td>女</td><td>22</td><td><img src="images/red.gif" /></td></tr>
         <tr><td>张燕</td><td>女</td><td>21</td><td><img src="images/red.gif" /></td></tr>
         <tr><td>洁</td><td>女</td><td>22</td><td><img src="images/red.gif" /></td></tr>
         <tr><td>杜</td><td>女</td><td>22</td><td><img src="images/red.gif" /></td></tr>
         <tr><td>张燕</td><td>女</td><td>21</td><td><img src="images/red.gif" /></td></tr>
         <tr><td>洁</td><td>女</td><td>22</td><td><img src="images/red.gif" /></td></tr>
         <tr><td>杜</td><td>女</td><td>22</td><td><img src="images/red.gif" /></td></tr>
         <tr><td>张燕</td><td>女</td><td>21</td><td><img src="images/red.gif" /></td></tr>
         <tr><td>洁</td><td>女</td><td>22</td><td><img src="images/red.gif" /></td></tr>
         <tr><td>杜</td><td>女</td><td>22</td><td><img src="images/red.gif" /></td></tr>
        <tr><td colspan="4" align="center">汇总</td></tr>
    </table>
    <p class="aa">a</p>
        <div>第1个p下第1个div</div>
        <div>第1个p下第2个div</div>
    <p>b</p>
        <div>第2个p下第1个div</div>
        <div>第2个p下第2个div</div>
    <p>c</p>
        <div>第3个p下第1个div</div>
        <div>第3个p下第2个div</div>
    <p>d</p>
        <div>第4个p下第1个div</div>
        <div>第4个p下第2个div</div>
    <p>e</p>
        <div>第5个p下第1个div</div>
        <div>第5个p下第2个div</div>
    <p>f</p>
        <div>第6个p下第1个div</div>
        <div>第6个p下第2个div</div>
       
    </div>
    </form>
</body>
</html>

馨香紫韵
关注
专栏目录
jQuery基本过滤选择器用法示例
10-21
在给定的示例中，我们看到多个基本过滤选择器的使用，它们分别是`:first`、`:last`、`:not`、`:even`、`:odd`、`:eq`、`:gt`以及`:lt`。下面将详细介绍这些选择器的功能和用法。 1. **`:first`**：这个选择器用于...
jquery基本过滤选择器
10-24
jquery基本过滤选择器举例、代码、html、可直接运行、学习jquery入门篇
jQuery基本过滤选择器使用介绍
10-27
在本篇文章中，我们将详细介绍jQuery基本过滤选择器的使用方法。基本过滤选择器主要用于根据特定的规则筛选DOM元素，从而实现对页面中元素的精确定位和操作。简单过滤选择器是过滤选择器中的基础类型，它们的书写...
jQuery选择器之基本过滤选择器用法实例分析
12-02
本文实例讲述了jQuery选择器之基本过滤选择器用法。分享给大家供大家参考，具体如下： 前面一篇介绍了层次选择器，今天我们学习一下jQuery的另一种选择器：基本过滤选择器。过滤选择器可以过滤掉自己不想要的东西，...
关于计算机改名后，SQL数据库不能登录问题的解决方法。
馨香紫韵
01-04 9969
由于GHOST的系统，计算机重名，所以我将有数据库的计算机名字改掉了，之后发现登录不成功，网上查了下资料。最终将问题解决。   首先使用Windows身份验证，服务器名称为“.”，进入数据库，在数据库为master中新建查询   输入：select * from sys.sysservers   进行查询可发现数据库中还保留着之前的计算机名   在输入以下进行删除以原计算机名字进行
oracle 实现插入自增列
馨香紫韵
08-27 5767
刚使用oracle,它和sql server 好多地方还是有所不同的，简单的问题，都得从头学起。。。。。。 创建一张表，字段如下： oracle不像sql server 有关键字identity直接可插入数据时自增 ， 实现oracle 自增列第一步，创建一个sequence。 create sequence Tempinfo_seq increment by 1 start wi
Excel判断一列是否重复并将结果写到另一列中
馨香紫韵
09-13 4674
Excel判断一列是否重复并将结果写到另一列中 在第一行的准备写入结果的单元格中写入以下公式： =COUNTIF($A$2:$A$1391,A2)>1 $A$2           表示从列的第二行开始 $A$1391    表示到A 列的第1391行结束 A2                表示对比值是A列2行的单元格的值 返回值：若  有重复则返回True
MD5　32位加密
馨香紫韵
07-16 3994
///         /// MD5　32位加密         ///         /// 待加密的密码字符串         /// 是否返回大写加密后字符串         /// 返回32位加密后的密码字符串         ///         /// 2011.08.30 guojun 创建         ///         public sta
ACTIVE vs2010调用ACTIVE控件报错的处理方法
馨香紫韵
03-13 3003
纠结好几天的问题，终于得以解决，心情很爽。        VS2010C#  调用VB封装的ACTIVE控件 刚开始提示error MSB6006: "aximp.exe" exited with code -1163019603.     阅读了几篇老外的关于这个错误的文章，看的头晕脑涨，总结一下几个方法: 清理后重新生成，这个问题就会没有了，但将ACTIVE拖到界面上时，会出现"未能注册
CKEditor3.6.2和CKFinder2.1 配置方法
馨香紫韵
11-15 2509
项目中需要使用CKEditor控件来进行留言，今晚研究了下。我使用CKEditor3.6.2和CKFinder2.1 现介绍下方法 1、              把CKEditor3.6.2中的ckeditor文件夹（这个文件夹一般在ckeditor_aspnet_3.6.2\_Samples目录下，只要你能找到ckeditor这个文件夹就好办）复制到你的web项目的根目录中，然后引用CKEd
使用事务批量导入数据
馨香紫韵
01-23 1949
///         /// 使用事务和SqlBulkCopy批量导入数据         /// By Serein  2013-12-31         ///         /// 表名         /// 數據集         public string SqlBulkCopyData(string tableName, DataTable dt)      
ASP.NET gridview 內嵌套DataList
馨香紫韵
11-29 1862
AllowPaging="True"                         OnRowDataBound="gdvDetail_RowDataBound" AllowSorting="True"                         CssClass="GridView_all" RowStyle-CssClass="GridView_RowStyle" Altern
datalist gatagrid repeater等控件綁定DataRow[]數據
馨香紫韵
11-22 1534
刚开始以为不可以绑定到datalist gatagrid repeater等控件 原来是不会写 DataRow[] dr=dt.Select(); DataGrid1.DataSource=dr; DataGrid1.DataBind(); 页面得写为 ' Runat=server> 不能写为' Runat=server> 也不能写为
C# 获取相对路径的8种方法
馨香紫韵
02-19 1329
1：获取当前目录的完全限定路径 string str=System.Environment.CurrentDirectory; 2：获取相对路径 string str=System.Windows.Forms.Application.StartupPath;   3：获取相对路径 string str=System,Diagnostics.Pricess.GetCurrentPrice
sql server 2008 安装重启计算机失败问题解决方法
馨香紫韵
01-10 1327
点击运行输入“regedit”打开注册表 依次找到 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager”目录      删除“PendingFileRenameOperations”；     关闭对话框，重新开始安装Sql Server2008，问题解决。
ASP.NET GridView 光棒效果
馨香紫韵
11-29 1302
protected void gdvDetail_RowDataBound(object sender, GridViewRowEventArgs e)         {                 //製作gridview光棒效果                 if (e.Row.RowType == DataControlRowType.DataRow)            
sql server 2008 用户名不能登陆的问题解决方法.
馨香紫韵
01-11 1294
数据库装好以后,使用sa登陆失败解决方法 首先使用Windows身份验证，进入数据库，选择服务器点击右键选择属性里面的安全性。 在服务器身份验证中选择SQL Server和Windows身份验证，点击保存。 在选择安全性中的登录名，双击sa用户，在弹出的属性框中选择状态，登陆设置中选择“启用” 点击确定。 在点击确定不成功的话，点击“常规”，选中映
播放声音代码
馨香紫韵
11-28 1254
一、 privatestatic System.Media.SoundPlayer sms=new SoundPlayer(); privatebool Show_Music(string number) {      sms.SoundLocation ="C:\1.wav";//按数字1的语音      sms.Load(); sms.Play();//播放一次
XP 下IIS部署网站出现的问题
馨香紫韵
12-23 1234
遇到这样个问题 网站部署到IIS 上，运行后出现 IIS上的网站正常启动之后，打开一个index.aspx时，出现如下错误：      无法显示 XML 页。     使用 XSL 样式表无法查看 XML 输入。请更正错误然后单击 刷新按钮，或以后重试。     名称以无效字符开头。处理资源 'http://127.0.0.1/test/Default.aspx' 时出错。第 1 行，位置
jQuery基础：掌握基本过滤选择器与DOM操作
6. JavaScript框架概述：课程还涉及了JavaScript框架的发展趋势，以及jQuery相对于其他流行框架（如Prototype、YUI等）的优势，如轻量级、强大选择器、优秀的浏览器兼容性等。 7. jQuery的使用：教学如何下载和引用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值