<head>
<title> 使用jQuery()函数 </title>
<meta name="author" content="Yeeku.H.Lee" />
<meta name="website" content="http://www.crazyit.org" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
.test {
font-size: 20pt;
}
</style>
</head>
<body>
<ul>
<li id="java">
疯狂Java讲义
</li>
<li id="javaee" class="test">
轻量级Java EE企业应用实战
</li>
<li id="ajax">
疯狂Ajax讲义
</li>
<li id="xml">
疯狂XML讲义
</li>
<li id="ejb">
经典Java EE企业应用实战
</li>
<li>
<span id="workflow">疯狂Workflow讲义</span>
</li>
</ul>
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript">
//访问ul元素下第一个li子元素。
$("ul>li:first").append("<b> 是ul元素之内第一个li子元素</b>");
//访问ul元素之内，没有id属性的li子元素
$("ul>li:not([id])").append("<b> 是ul元素之内、没有id属性li子元素</b>");
//访问ul元素之内，索引为奇数的li子元素，并为它们添加背景色
$("ul>li:even").css("background-color", "#ccffcc");
//访问ul元素之内，索引大于4的li子元素(元素索引从0开始)
$("ul>li:gt(4)").append("<br/><b> 是ul元素之内、索引大于4的li子元素</b>").css("border", "1px dashed black");
//访问ul元素之内，且包含span元素的li子元素
$("ul>li:has('span')").append("<br/><b> 是ul元素之内、且包含span元素的li子元素</b>");
//访问li元素之内，且可见的span子元素
$("li>span:visible").append("<b> 是li元素之内，且可见的span子元素</b>").css("background-color", "#bbbbbb");
</script>
</body>
<head>
<title> 使用jQuery()函数 </title>
<meta name="author" content="Yeeku.H.Lee" />
<meta name="website" content="http://www.crazyit.org" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
.test {
font-size: 20pt;
}
</style>
</head>
<body>
<ul>
<li id="java">
疯狂Java讲义
</li>
<li id="javaee" class="test">
轻量级Java EE企业应用实战
</li>
<li id="ajax">
疯狂Ajax讲义
</li>
<li id="xml">
疯狂XML讲义
</li>
<li id="ejb">
经典Java EE企业应用实战
</li>
<li>
<span id="workflow">疯狂Workflow讲义</span>
</li>
</ul>
<span>疯狂Java联盟</span>
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript">
//访问页面中第1、4、7...个li元素
$("li:nth-child(3n+1)").css("border", "1px dashed black");
//访问页面中span元素、且该span元素的父元素下仅包含该span元素。
$("span:only-child()").append(" <b>是作为父元素唯一子元素的span元素</b>");
//测试:first和:first-child之间的关系
alert($("ul>li:first").html() == $("ul>li:first-child").html());
</script>
</body>
分享到：
相关推荐
在jQuery中，选择器分为多种类型，包括基础选择器、类别选择器、ID选择器、属性选择器、后代选择器、子元素选择器、相邻兄弟选择器和通用选择器等。 1. **基础选择器**：主要包括`$()`，用于选取一个或多个DOM元素...
基本选择器是学习jQuery选择器的基石，涵盖了ID选择器、Class选择器、Element选择器及通配符选择器。 1. **ID选择器**：`#id`，用于定位具有特定ID的单一元素，如`$('#one')`会选中ID为“one”的元素，常用于修改该...
本篇文章将深入探讨jQuery的基础选择器及其在实际编程中的应用，以帮助你更好地理解和掌握这些知识点。 首先，我们来了解一下jQuery的基本选择器。它们是用于选取HTML元素的最基础工具，包括： 1. **ID选择器**: ...
jQuery支持多种CSS选择器，包括基本选择器、层次选择器、属性选择器和类选择器等。这些选择器可以帮助我们更精确地定位到我们需要操作的DOM元素。 1. **基本选择器**： - `$("#id")`：通过ID选择元素，例如`$("#...
基于jQuery的H5移动端选择器是为适应移动设备特性和用户体验需求而设计的组件。这些组件通常包括日期选择器、级联选择器和自定义HTML选择器，它们能够提高移动应用的交互性和可操作性。 日期选择器是网页应用中常见...
然而，即便如此成熟的库，也难免存在一些已知的问题和限制，其中之一就是我们今天要探讨的"jQuery选择器的一个Bug"。 首先，我们要理解jQuery选择器的基本原理。jQuery基于CSS选择器，它允许开发者通过类似CSS的...
**jQuery颜色选择器ColorPicker详解** 在Web开发中，用户界面的交互性和视觉效果往往对用户体验有着重要影响。其中，颜色选择器是一个常见的组件，它允许用户方便地选取颜色。`jQuery ColorPicker`是一个轻量级且...
jQuery选择器是jQuery库的核心特性之一，它极大地简化了JavaScript中的DOM元素选择和操作。jQuery完全继承了CSS的风格，并在此基础上提供了更强大和灵活的选择方式。以下是对jQuery选择器的详细说明： **1. 基本...
本项目“jquery周历选择器”利用jQuery的灵活性和易用性，构建了一个适用于混合应用程序（Hybrid App）的周历选择器组件。 1. **周历选择器设计**： - 周历选择器通常用于日程管理或时间规划应用，显示一周的日期...
jQuery支持多种类型的选择器，包括基本选择器（如ID选择器、类选择器、标签选择器）、属性选择器、伪类选择器以及组合选择器等。这些选择器可以灵活地帮助我们定位页面中的特定元素，进行操作和样式设置。 该插件的...
2. **jQuery选择器和事件**：使用jQuery选择器定位到文件输入元素，然后绑定`change`事件，当用户选择文件后触发处理函数。例如，`$('input[type=file]').on('change', function() {...})`。 3. **Ajax上传**：通过...
jquery选择器功能无比强大，用好了可以起到事半功倍的效果，这个资源把选择器单独列出来，便于方便查找
jQuery选择器总结，网上下载的，非原创的，仅供参考，学习学习。
**jQuery选择器工具详解** jQuery库是JavaScript中最广泛使用的库之一，它简化了DOM操作、事件处理、动画制作以及Ajax交互。在这个“jQuery实验室的选择器工具”中，我们将深入探讨jQuery选择器的强大功能，它是...
《jQuery城市选择器详解》 在网页开发中，经常需要实现一种功能，即用户可以选择他们的所在省份和城市，这在注册、填写地址等场景中尤为常见。jQuery城市选择器就是解决这一需求的有效工具，它利用JavaScript和...
**jQuery日期选择器详解** 在Web开发中，用户界面的交互性和用户体验往往直接影响到网站的质量。日期选择器作为常见的交互元素之一，对于处理日期输入场景非常有用。"jQuery日期选择器"是这样一个轻量级且易用的...
通过思维导图对知识进行梳理，以便记忆
首先，jQuery选择器可以分为基本选择器、层级选择器、属性选择器、内容选择器以及伪类选择器。基本选择器包括ID选择器（`#id`），类选择器（`.class`），元素选择器（`element`）和通配符选择器（`*`）。这些选择器...
"jquery双向选择器代码"这个主题涉及的是jQuery中一种特殊的选择器机制，它允许我们从DOM（文档对象模型）中选取元素，同时还能根据某个元素选取其关联的元素，实现数据的双向绑定或者元素间的交互效果。这种功能在...
此外，jQuery还提供了其他复杂的选择器，如属性选择器、内容选择器等，它们可以根据元素的属性值、文本内容或后代元素来选取元素。例如，`jQuery("[title]")`会选择所有有`title`属性的元素，而`jQuery(":contains('...