博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript 第27节 jQuery选择器
阅读量:4350 次
发布时间:2019-06-07

本文共 2397 字,大约阅读时间需要 7 分钟。

下面的html需要以下2个文件:

1.style.css

div,span,p {	width:140px;	height:140px;	margin:5px;	background:#aaa;	border:#000 1px solid;	float:left;	font-size:17px;	font-family:Verdana;}div.mini { 	width:55px;	height:55px;	background-color: #aaa;	font-size:12px;}div.hide { 	display:none;}

 2.main.js

$(function () {	function moveSpan() {        $("#mover").slideToggle(3000, moveSpan);	}	 	moveSpan();})

 3.html

 
基本选择器

基本选择器.

id为one,class为one的div
class为mini
id为two,class为one,title为test的div.
class为mini,title为other
class为mini,title为test
class为mini
class为mini
class为mini
class为mini
class为mini
class为mini
class为mini,title为tesst
class为"hide"的div
包含input的type为"hidden"的div
span元素.

 rs:

4.html

 
基本过滤选择器

基本过滤选择器.

id为one,class为one的div
class为mini
id为two,class为one,title为test的div.
class为mini,title为other
class为mini,title为test
class为mini
class为mini
class为mini
class为mini
class为mini
class为mini
class为mini,title为tesst
class为"hide"的div
包含input的type为"hidden"的div
span元素.

 rs:

5.html

 
层次选择器

层次选择器.

id为one,class为one的div
class为mini
id为two,class为one,title为test的div.
class为mini,title为other
class为mini,title为test
class为mini
class为mini
class为mini
class为mini
class为mini
class为mini
class为mini,title为tesst
class为"hide"的div
包含input的type为"hidden"的div
span元素.

 rs:

转载于:https://www.cnblogs.com/feilongblog/p/4748117.html

你可能感兴趣的文章
关于render函数的总结
查看>>
JavaScript 小刮号
查看>>
BZOJ USACO 银组 水题集锦
查看>>
Android为TV端助力 Linux命令查看包名类名
查看>>
【zabbix】自动注册,实现自动发现agent并添加监控(agent不需要任何配置)
查看>>
[简单到爆]eclipse-jee-neon的下载和安装
查看>>
vector
查看>>
Redis学习之set类型总结
查看>>
栈和队列
查看>>
CSS2-3常见的demo列子总结一
查看>>
第522篇--DataTable to Excel C#
查看>>
C++\virtual 虚函数、纯虚函数
查看>>
asp.net mvc 4多级area实现技巧
查看>>
Solr
查看>>
MySQL binlog数据库同步技术总结
查看>>
静态方法
查看>>
保护HTTP的安全
查看>>
js 选取子节点时去除非IE浏览器的换行符
查看>>
javascript是一朵奇葩
查看>>
Mycat入门教程
查看>>