jQuery选择器
来源:互联网 发布:网络拓扑什么意思 编辑:程序博客网 时间:2024/06/05 08:58
<title>无标题文档</title>
<script src="../jquery-2.1.1.js"></script>
<script>
$(function(){
//类选择器
var p = $(".haha");
alert(p.html());
alert(p.text());
//层选择器
var p = $(".haha+p");
alert(p.length);
});
//过滤选择器
var haha = $(".haha:first");
alert(haha.text());
</script>
</head>
<body>
<button>类选择器</button>
<div class="haha">
<p class="haha1">我的P1</p>
<div class="haha">
<p class="haha3">我的p4</p>
</div>
<p class="haha2">我的p2</p>
</div>
<div class="haha">
<p class="haha3">我的p3</p>
</div>
<ul>
<li>北京</li>
<li>上海</li>
<li>广州</li>
<li>深圳</li>
</ul>
</body>
<script src="../jquery-2.1.1.js"></script>
<script>
$(function(){
//类选择器
var p = $(".haha");
alert(p.html());
alert(p.text());
//层选择器
var p = $(".haha+p");
alert(p.length);
});
//过滤选择器
var haha = $(".haha:first");
alert(haha.text());
</script>
</head>
<body>
<button>类选择器</button>
<div class="haha">
<p class="haha1">我的P1</p>
<div class="haha">
<p class="haha3">我的p4</p>
</div>
<p class="haha2">我的p2</p>
</div>
<div class="haha">
<p class="haha3">我的p3</p>
</div>
<ul>
<li>北京</li>
<li>上海</li>
<li>广州</li>
<li>深圳</li>
</ul>
</body>
阅读全文
0 0
- CSS选择器,jQuery选择器
- jQuery选择器 CSS选择器
- JQuery选择器(选择器简介)
- jQuery选择器 基本选择器
- jQuery选择器 层次选择器
- jQuery选择器 表单选择器
- Jquery选择器-基本选择器
- jQuery选择器之类选择器
- jQuery选择器之类选择器
- jQuery选择器之类选择器
- Jquery选择器--过滤选择器
- JQuery选择器
- jquery 选择器
- Jquery选择器
- jQuery选择器
- jQuery 选择器
- JQuery选择器
- JQuery选择器
- 学会利用java编写学生信息
- 使用maven创建java项目
- IP,TCP,UDP,ICMP校验和的区别和计算
- mysql学习笔记
- HTTP和HTTPS对比区别
- jQuery选择器
- 关于VMware安装后没有虚拟网卡VMnet1和VMnet8
- js pdf展示插件(pdfobject)
- Android菜鸟在学习过程遇见的问题及解决方案
- opencv根据数组坐标获取像素陷阱
- 1133. Splitting A Linked List (25)
- codeforces 701 D. As Fast As Possible
- 【NOIp 2015】斗地主(DFS)
- 整数划分