`

第04章 过滤选择器(上)

 
阅读更多

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>过滤选择器</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="demo.js"></script>
<link type="text/css" rel="stylesheet" href="style.css" />
</head>
<body>

<div style="display:none;">我们的域名为:http://onestopweb.cn/</div>
<div>我们的域名为:http://www.onestopweb.cn/</div>
<div> </div>
<div></div>

<ul id="box">
	<li>列表1</li>
    <li>列表2</li>
    <li class="red">列表3</li>
    <li>列表4</li>
    <li>列表5</li>
    <li>列表6</li>
</ul>

<ul>
	<li>列表1</li>
    <li>列表2</li>
    <li>列表3</li>
    <li>列表4</li>
    <li>列表5</li>
    <li>列表6</li>
</ul>

<div>
	<h4>我是标题</h4>
</div>

<input type="text" />
</body>
</html>

 

demo.js

$(function(){
	//$('li:first').css('background','#ccc');
	//$('li:last').css('background','#ccc');
	//$('#box li:last').css('background','#ccc');
	//$('ul:first li:last').css('background','#ccc');
	//$('li:not(.red)').css('background','#ccc');
	//$('li:even').css('background','#ccc'); //偶数隔行变色
	//$('li:odd').css('background','#ccc'); //奇数隔行变色
	//$('li:eq(-2)').css('background','#ccc');
	//$('li:gt(5)').css('background','#ccc');
	//$('li:lt(5)').css('background','#ccc');
	//$('div :header').css('background','#ccc');
	//$('input').get(0).focus();
	//$(':focus').css('background','#c00');
	//$('li').first().css('background','#ccc');
	//$('li').last().css('background','#ccc');
	//$('li').not('.red').css('background','#ccc');
	//$('li').eq(2).css('background','#ccc');
	//$('div:contains("www")').css('background','#ccc');
	//$('div:empty').css('background','#ccc').css('height','20px');
	//$('ul:has(.red)').css('background','#ccc');
	//$('div:parent').css('background','#ccc');
	//$('ul').has('.red').css('background','#ccc');
	//$('li').parent().css('background','#ccc');
	//alert($('li').parent().size());
	//alert($('li').parent().get(0));
	//$('li').parents().css('background','#ccc');
	//$('li').parentsUntil('body').css('background','#ccc');
	//alert($('div:hidden').size());
	//$('div:hidden').css('background','#ccc').show(1000);
	alert($('div:visible').size());
});

 

 

  • 7.rar (74.1 KB)
  • 下载次数: 0
6
3
分享到:
评论

相关推荐

    第04章 过滤选择器(下)

    NULL 博文链接:https://onestopweb.iteye.com/blog/2223857

    jQuery练习

    1:导航菜单弹出二级菜单 博文链接:https://justsee.iteye.com/blog/798405

    寒江独钓-Windows内核安全编程(高清完整版).part4

    第7章 文件系统的过滤与监控 162 7.1 文件系统的设备对象 163 7.1.1 控制设备与卷设备 163 7.1.2 生成自己的一个控制设备 165 7.2 文件系统的分发函数 166 7.2.1 普通的分发函数 166 7.2.2 文件过滤的快速IO分发函数...

    python入门到高级全栈工程师培训 第3期 附课件代码

    02 css的四种基本选择器 03 css的组合选择器 04 css的属性选择器 05 css的伪类 06 css的选择器优先级 07 css的背景属性 第39章 01 css的文本属性与边框属性 02 css的列表属性与display属性 03 css的内外边距 04 ...

    ASPNET35开发大全第一章

    第四篇 ASP.NET网络编程 第11章 用户控件和自定义控件 11.1 用户控件 11.1.1 什么是用户控件 11.1.2 编写一个简单的控件 11.1.3 将Web窗体转换成用户控件 11.2 自定义控件 11.2.1 实现自定义控件 11.2.2 复合自定义...

    易语言-EXcel 过滤器

    如果条件有多个,可以相应的在第二、三、四列和过滤值中填入相应的值; 四、还可以在‘其他设置’中设置要删除的列(如:F),过滤完后将会自动把相应的列删除掉;还可以选择是否备份,自动保存等设置; 五、点击...

    网络监视软件 NetSnifferV3

    第二步:选择IP过滤器。 第三步:填写名字。 第四步:填写通讯两端的IP地址。 问题:为什么要填写它? 设定你拦截的的数据是这两个IP的通讯数据,0.0.0.0表示任何IP。 问题:如果有多个IP使用哪一个可以表示我本机的...

    PHP和MySQL WEB开发(第4版)

    第四篇 PHP的高级技术 第19章 与文件系统和服务器的交互 19.1 文件上载 19.1.1 文件上载的HTML代码 19.1.2 编写处理文件的PHP 19.1.3 避免常见上载问题 19.2 使用目录函数 19.2.1 从目录读取 19.2.2 获得当前目录的...

    防火墙相关

    第四部分 零 星 考 虑 第12章 法律上的考虑 151 12.1 计算机犯罪立法现状 151 12.2 日志文件作为证据 152 12.3 监视合法吗 155 12.4 民事侵权的责任考虑 158 第13章 不安全网络上的安全通信 161 13.1 密码学介绍 161...

    Java网络编程(第三版)中文版.part04.rar

    第四章 流 78 输出流 79 .输入流 83 过滤器流 87 阅读器和书写器 101 第五章 线程 116 运行线程 118 返回线程中的信息 122 同步 133 死锁 139 线程调度 140 线程池 153 第六章 查找Internet地址 159 ...

    VUE常用方法整理.pdf

    1、过滤器有全局过滤器和组件内的过滤器 应用 {{ msg | 过滤器名}} 8 2、 vue中的this是vue封装好给我们使用的,跟平常方法里面的this是不同的 9 第六节 数据监听watch(深度监听)计算属性computed 9 watch监听单个,...

    PHP和MySQL Web开发第4版pdf以及源码

    第2章 数据的存储与检索 2.1 保存数据以便后期使用 2.2 存储和检索Bob的订单 2.3 文件处理 2.4 打开文件 2.4.1 选择文件模式 2.4.2 使用fopen()打开文件 2.4.3 通过FTP或HTTP打开文件 2.4.4 解决打开文件时...

    《数字图像处理》冈萨雷斯 中文+英文 pdf

    本书是数字图像处理经典著作,作者在对32个国家的134个院校和研究所的教师,学生及自学者进行广泛调查的基础上编写了第三版。除保留了第二版的大部分主要内容外,还根据收集的建议从13个方面进行了修订,新增400多幅...

    UNIX教程网络篇掌握各种Unix网络应用技术

    第四部分 远程访问 第15章 TCP/IP远程访问操作 211 15.1 网络信息检测命令:rwho、 ruptime和ping 212 15.2 远程访问权限文件:.rhosts 212 15.3 远程登录命令:rlogin 213 15.4 远程文件拷贝命令:rcp 213 15.5 ...

    birt帮助文档中文版

    第四章、绑定数据 如何创建列绑定 第五章、对报告进行布局 如何添加行或列 如何删除行或列 如何将数据集绑定至表 如何插入链接的图像 如何插入嵌入式图像 如何插入存储在数据源中的图像 第六章、...

    birt中文帮助文档

    第四章、绑定数据 如何创建列绑定 第五章、对报告进行布局 如何添加行或列 如何删除行或列 如何将数据集绑定至表 如何插入链接的图像 如何插入嵌入式图像 如何插入存储在数据源中的图像 第六章、显示文本 如何使用...

    UNIX教程网络篇(打包)

    第四部分 远程访问 第15章 TCP/IP远程访问操作 211 15.1 网络信息检测命令:rwho、 ruptime和ping 212 15.2 远程访问权限文件:.rhosts 212 15.3 远程登录命令:rlogin 213 15.4 远程文件拷贝命令:rcp 213 15.5 ...

Global site tag (gtag.js) - Google Analytics