所有选择器("*")

描述：选择所有元素

注意：大多数情况下，这个选择器极其的慢，尤其是在作用于自身时。

例子：

查找文档中的每个元素。然后追加一个<script>或<link>元素到DOM里，

这个元素会被认为是可行的。

<!doctype html>

<html lang="zh">

<head>

<meta charset="utf-8">

<title>all demo</title>

<style type="text/css">

h3{

margin:0;

}

div,span,p{

width:80px;

height:40px;

float:left;

padding:10px;

margin:10px;

background-color: #EEEEEE;

}

</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>

</head>

<body>

<div>9999</div>

<span>SPAN</span>

<p>P<button>Button</button></p>

<script>

var elementCount = $("*").css("border", "3px solid red" ).length;

$( "body" ).prepend("<h3>" + elementCount + " elements found</h3>" );

</script>

</body>

</html>

例子：查找document.body中的所有元素，但不包括head,script,etc 标签。

<!doctype html>

<html lang="zh">

<head>

<meta charset="utf-8">

<title>all demo</title>

<style type="text/css">

h3{

margin:0;

}

div,span,p{

width:80px;

height: 40px;

float:left;

padding: 10px;

margin: 10px;

background-color: #EEEEEE;

}

#test{

width: auto;

height: auto;

background-color: transparent;

}

</style>

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

</head>

<body>

<div id='test'>

<div>DIV</div>

<span>SPAN</span>

<p>P<button>Button</button></p>

</div>

<script>

var elementCount = $("#test").find("*").css("border", "3px solid red").length;

$("body").prepend("<h3>"+ elementCount +" elements found</h3>");

</script>

</body>

</html>

jquery1.9学习笔记 之选择器(基本元素一)的更多相关文章

  1. jquery1.9学习笔记 之选择器(基本元素二)

    类选择器(".class") 描述: 选择所有与给出类匹配的元素 对于类选择器来说,jquery使用的是javascript原生的方法getElementByClassName() ...

  2. jquery1.9学习笔记 之选择器(基本元素五)

    多种元素选择器  jQuery("selector1,selector2,selectorN") 例子: <!doctype html> <html lang=' ...

  3. jquery1.9学习笔记 之选择器(基本元素四)

    ID选择器("#id") 描述: 选择与给出ID属性匹配的单元标签. 对于ID选择器,jquery使用JS的函数document.getElementById(),当一个标签附加到 ...

  4. jquery1.9学习笔记 之选择器(基本元素三)

    标签选择器("element") 描述: 选择所有与给出标签名相匹配的元素. 同功能的JS原生方法:getElementByTagName() 例子:  查找每个div元素. &l ...

  5. JQuery学习笔记——层级选择器

    JQuery学习笔记--层级选择器 上一篇学习了基础的五种选择,分别是id选择器,class选择器,element选择器,*选择器 和 并列选择器.根据手册大纲,这篇学习的是层级选择器. 选择器: 1 ...

  6. css权威指南学习笔记 —— css选择器

    1,选择器:选择器的一些基本常用规则基本都记得,w3c上都有,平时也常用,不常用的一些后代选择器经常就忘记了.一些归纳一下后代选择器,加深一下印象: a:子选择器:   p>a  a是直接是p的 ...

  7. CSS学习笔记(1):选择器

    一.元素选择器 HTML文档元素就是最基本的选择器 如: <!DOCTYPE html> <html lang="en"> <head> < ...

  8. CSS学习笔记之选择器

    目录 1.元素选择器 2.继承 3.选择器分组 4.声明分组 5.后代选择器 6.子元素选择器 7.相邻兄弟选择器 8.类选择器 9.ID 选择器 10.属性选择器 11.伪类 12.伪元素 1.元素 ...

  9. JQUERY1.9学习笔记 之基本过滤器(十二) 根元素选择器

    根元素选择器 描述:选择文档的根节点元素.jQuery( ":root" ) 例:显示文档根节点标签名. <!DOCTYPE html><html lang=&q ...

随机推荐

  1. Chapter 6 — Improving ASP.NET Performance

    https://msdn.microsoft.com/en-us/library/ff647787.aspx Retired Content This content is outdated and ...

  2. flex中validateall()方法， 多Item验证 ，结果统一提示

    <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="ht ...

  3. 【HDOJ】2809 God of War

    状态DP. /* 2809 */ #include <iostream> #include <queue> #include <cstdio> #include & ...

  4. 调用test case集，并生成测试报告

    结构是 test_all.py 进行配置,执行所有测试用例集,并合并测试报告到同一个文件 #test_all.py 进行配置,执行所有测试用例集 # coding = utf-8 from time ...

  5. Understanding the Android Life Cycle

    Problem Android apps do not have a “main” method; you need to learn how they get started and how the ...

  6. DLL入门浅析(3)——从DLL中导出变量

    转载自:http://www.cppblog.com/suiaiguo/archive/2009/07/20/90643.html 前面介绍了怎么从DLL中导出函数,下面我们来看一下如何从DLL中导出 ...

  7. puppet常用调试命令

    yum快速部署puppet测试环境(C/S端) rpm -ivh  http://yum.puppetlabs.com/puppetlabs-release-el-7.noarch.rpm yum r ...

  8. C#中枚举类型和int类型的转化

    先定义一个枚举类型 , 初中, 高中,大学 }; int ->enum int d=2; PropertyType  a=(PropertyType)d; int <- enum Prop ...

  9. Unity3D基础学习 NGUI之Example 13 - Tabs简要概述

    首先建一个2D相机,在Anchor下新建一个子物体,添加WindowDrag Tilt脚本,用作拖动窗口 然后新建一个Panel,包含两个content,两个Tab,设置两个Content用来显示切换 ...

  10. SQL基础--&gt; 约束(CONSTRAINT)

    --============================= --SQL基础--> 约束(CONSTRAINT) --============================= 一.几类数据完 ...