jQuery基本选择器选择元素使用介绍
更新时间：2013年04月18日 14:50:03 作者：
基本选择器：是jQuery中使用最频繁的选择器，它由元素Id、Class、元素名、多个选择符组成，通过基本选择器可以实现大多数页面元素的查找，感兴趣的朋友可以参考下哈
复制代码 代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--
1.基本选择器：是jQuery中使用最频繁的选择器，它由元素Id、Class、元素名、多个选择符组成，通过基本选择器可以实现大多数页面元素的查找
jQuery选择器详解
根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中，在过滤选择器中有可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器6种
-->
<title></title>
<!--使用jQuery基本选择器选择元素：一个页面包含两个<div>标记，其中一个用于设置ID属性，另一个用于设置Class属性；我们再增加一个<span>标记，全部元素初始值均为隐藏，然后通过jQuery基本选择器显示相应的页面标记。-->
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<style type="text/css">
body{font-size:12px;text-align:center;}
.clsFrame{width:300px;height:100px}
.clsFrame div,span{display:none;float:left;width:65px;height:65px;border:solid 1px #ccc;margin:8px}
.clsOne{background-color:#eee}
</style>
<script type="text/javascript">
$(function () { //ID匹配元素
$('#divOne').css('display', 'block');
})
$(function () { //元素名匹配元素
$('div span').css('display', 'block');
})
$(function () { //类匹配元素
$('.clsFrame .clsOne').css('display', 'block');
})
$(function () { //匹配所有元素
$('*').css('display', 'block');
})
$(function () { //合并匹配元素
$('#divOne,span').css('display', 'block');
})
</script>
</head>
<body>
<div class="clsFrame">
<div id="divOne">
ID</div>
<div class="clsOne">
CLASS</div>
<span>SPAN</span>
</div>
</body>
</html>
相关文章
本篇文章主要介绍了jquery dataTable 获取某行数据的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧2017-05-05
这篇文章主要为大家详细介绍了jquery实现弹出层登录和全屏层注册特效，推荐给大家，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-08-08
本篇文章主要介绍了Easyui笔记2：实现datagrid多行删除，详细介绍了完成一个多行勾选并删除的功能。有兴趣的可以了解一下。2017-01-01
下面小编就为大家带来一篇jquery遍历标签中自定义的属性方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
之前做项目的时候，一直都想着做一个上下滚动的公告栏，作为展示网站的最新公告信息，给用户带来极好的用户体验，下面小编通过实例代码给大家分享基于jQuery实现上下滚动公告栏，感兴趣的朋友一起看看吧2018-11-11
这篇文章主要介绍了jquery实现鼠标滑过显示二级下拉菜单效果,通过jquery操作鼠标事件及页面样式动态变换实现该功能,非常具有实用价值,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了jQuery实现的仿百度,仿谷歌搜索下拉框效果,结合实例形式分析了基于jQuery的鼠标事件响应与页面元素动态操作相关技巧,需要的朋友可以参考下2016-12-12
本文给大家分享的是使用jquery实现的全选删除插件的代码，非常的实用，本文示例是结合的ThinkPHP,小伙伴们可以自由扩展。2015-03-03
这篇文章主要介绍了jquery实现图片水平滚动效果，很实用的代码，推荐给大家，有需要的小伙伴可以参考下。2015-08-08
刚开始学jQuery，于是想试试学习效果，所以就做了个这个TextBox自动完成条，练习练习。请牛人们别笑话。2009-07-07
最新评论