jQuery中element选择器用法实例

本文实例讲述了jQuery中element选择器用法。分享给大家供大家参考。具体分析如下：

此选择器能够匹配具有指定标签名的元素。例如:

代码如下:

$("div")

以上代码能够选取所有的div元素。
语法结构:


代码如下:

$(element)

参数列表:

参数 描述
element 一个用于搜索的元素。指向DOM节点的标签名。

实例代码:

代码如下:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="http://www.jb51.net/" />
<title>元素选择器-我们</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("span").css("color","green");
})
</script>
</head>
<body>
  <div>jQuery专区</div>
  <div>DIV+CSS专区</div>
  <p>JavaScript专区</p>
  <span>HTML专区</span>
</body>
</html>

以上代码可以将span元素中的字体颜色设置为绿色。

希望本文所述对大家的jQuery程序设计有所帮助。

赞 (0)

相关推荐

  • jQuery选择器全集详解

    jQuery选择器全集详解

    选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器 的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写jQuery代码的效率.本文配合截图.代码和简单的概括对所有jQuery选择器进行 了介绍,也列举出了一些需要注意和区分的地方. 一.基本选择器 1. id选择器(指定id元素) 将id="one"的元素背景色设置为黑色.(id选择器返单个元素) $(document).ready(fu

  • jQuery中:last选择器用法实例

    本文实例讲述了jQuery中:last选择器用法.分享给大家供大家参考.具体分析如下: 此选择器匹配元素集合中的最后一个元素. 语法结构: 复制代码 代码如下: $(":last") 此选择器一般和其他的选择器配合使用,比如类选择器和元素选择器等等.例如: 复制代码 代码如下: $("li:last").css("color","green") 以上代码能够将li元素集合中的最后一个li元素中的字体颜色设置为绿色. 如果不和其

  • jQuery中:animated选择器用法实例

    本文实例讲述了jQuery中:animated选择器用法.分享给大家供大家参考.具体分析如下: 此选择器匹配所有正在执行动画效果的元素. 可以使用animate()方法创建自定义动画. 语法结构: 复制代码 代码如下: $(":animated") 此选择器一般也要和其他选择器配合使用,比如类选择器和元素选择器等等.例如: 复制代码 代码如下: $("li:animated").css("background-color","blue&

  • jQuery中:first选择器用法实例

    本文实例讲述了jQuery中first选择器用法.分享给大家供大家参考.具体分析如下: 此选择器匹配指定元素集合中的第一个元素. 语法结构: 复制代码 代码如下: $(":first") 在使用中一般要和其他选择器配合使用,比如类选择器和元素选择器等等.例如: 复制代码 代码如下: $("li:first").css("color","green") 以上代码能够将li元素集合中的第一个li元素中的字体颜色设置为绿色. 如果不

  • jQuery中:contains选择器用法实例

    本文实例讲述了jQuery中contains选择器用法.分享给大家供大家参考.具体分析如下: 此选择器匹配包含给定文本的元素. 语法: 复制代码 代码如下: $(":contains(text)") 此选择器一般也要和其他选择器配合使用,比如类选择器和元素选择器等等.例如: 复制代码 代码如下: $("li:contains('html')").css("color","blue") 以上代码将文本中包含"html&

  • jQuery中:focus选择器用法实例

    本文实例讲述了jQuery中:focus选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够匹配当前获取焦点的元素. 语法结构: 复制代码 代码如下: $(":focus") :focus选择器一般需要和其他选择器配合使用,例如和类选择器,元素选择器等等.例如: 复制代码 代码如下: $("li:focus") 以上代码会匹配获得焦点的li元素. 当然此选择器前面不加任何其他选择器,不过不加指定的选择器,那么默认就是添加了通用选择器(*).例如: 复制代码

  • jQuery类选择器用法实例

    本文实例讲述了jQuery类选择器用法.分享给大家供大家参考.具体分析如下: 类选择的器匹配具有指定类名的所有元素. 例子: 复制代码 代码如下: $(".mydiv") 以上代码选取类名为mydiv的所有元素. 注意:在mydiv前面有一点(.). 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name=

  • jQuery元素选择器用法实例

    本文实例讲述了jQuery元素选择器用法.分享给大家供大家参考.具体分析如下: 元素选择器根据元素名称匹配所有的元素. 实例代码: 复制代码 代码如下: $("div") 以上代码匹配所有的div元素. 实例代码: 复制代码 代码如下: <!DOCTYPE html>   <html>   <head>   <meta charset=" utf-8">   <meta name="author&quo

  • jQuery中:header选择器用法实例

    本文实例讲述了jQuery中header选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够匹配标题元素,即(h1-h6). 语法结构: 复制代码 代码如下: $(":header") 此选择器一般也要和其他选择器配合使用,比如类选择器和元素选择器等等.例如: 复制代码 代码如下: $(".qiantai:header").css("color","blue") 以上代码能够将类名为qiantai的标题元素中的字体颜

  • jQuery中:not选择器用法实例

    本文实例讲述了jQuery中not选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够移除元素集合中与给定选择器匹配的元素. 语法结构: 复制代码 代码如下: $(":not(selector)") 此选择器一般也要和其他选择器配合使用,比如类选择器和元素选择器等等.例如: 复制代码 代码如下: $("li:not(.second)").css("color","green") 以上代码是将li元素集合中,类名不为s

随机推荐