`
西门吹牛
  • 浏览: 227426 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

W3C基于css选取语法的DOM元素获取api

CSSIE浏览器ChromejQuery 
阅读更多
jQuery强悍的选择器如今浏览器也提供可替换的原生方法了，前提是浏览器得够现代，版本够新，万恶的ie还是很垃圾，希望ie9可以完美支持 
<html>

<head>

<title></title>

</head>

<body>
<div>
    <p>test1</p>
    <p>test2</p>
    <span>hello world</span>
    <pre>
    浏览器支持程度:
    * Firefox 3.5: 99.3%
    * Safari 4: 99.3%
    * Chrome 2: 99.3%
    * Opera 10b1: 97.5%
    * IE 8: 47.4%

    </pre>
</div>
</body>

</html>
<script>
if(document.querySelectorAll&&document.querySelector){
    var arr=document.querySelectorAll("div p");
    for(i in arr){
        alert(arr[i].innerHTML);
    }
    
    var span=document.querySelector("div>span");
    alert(span.innerHTML);
    
}else{
    alert('浏览器不支持');
}




</script>
分享到：
| td隐藏多余文本
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    HTML5 CS3 JQuery W3C 帮助文档

    JQuery的核心特性包括选择器表达式，可以方便地选取DOM元素；链式操作，使得代码更简洁；以及$.ajax方法，使得异步数据获取更为便捷。JQuery还提供了丰富的插件，如滑动效果、轮播图、表单验证等，极大地丰富了Web...

    jQuery1.8.0、W3CSchool、JavaScript API

    例如，jQuery的`$()`选择器可以轻松选取DOM元素，而`$(element).click()`则用于添加点击事件监听器，这比使用原生JavaScript的`addEventListener()`更简洁易懂。 总的来说，jQuery1.8.0、W3CSchool和JavaScript API...

    JavaScript+jQuery+css+html的帮助文档 中文API

    jQueryAPI-100214.chm包含了jQuery的所有API，包括选择器（用于选取网页元素）、遍历（移动DOM节点）、DOM操作（添加、删除、修改元素）、事件（绑定和触发事件）、特效（动画效果）和Ajax（异步数据交互）等模块。...

    W3C速查手册HandBood系列(By FengGe整理)

    **W3C速查手册HandBook系列概述** W3C速查手册是由FengGe整理的一系列关于Web标准和开发的资源，它包含了丰富的W3C相关知识，旨在帮助开发者快速查找和理解Web技术规范。W3C，即万维网联盟（World Wide Web ...

    开发初学者必备工具(包括htm,css,js,jquery的Api及小工具)

    CSS选择器用于选取HTML元素，然后通过属性设置样式。例如，`color`改变文本颜色，`margin`调整元素间距，`display`决定元素的显示方式。CSS3新增了许多特效，如阴影、渐变、动画，以及响应式设计的媒体查询等。 **...

    PHP+W3c+Jquery集合手册最新版.zip

    jQuery的核心功能包括选择器（模仿CSS选择器来选取DOM元素）、DOM操作（添加、删除、修改元素）、事件处理和动画。jQuery还支持插件扩展，使得开发者能够轻松实现复杂的交互效果和功能。最新版本的jQuery优化了性能...

    CSS、DHTML、XMLDOM、T-SQL、XPath、正则表达式等.chm文件

    XMLDOM（XML Document Object Model）是基于W3C DOM标准的一个接口，主要用于处理XML文档。它提供了一种标准的方式来访问和操作XML文档的结构，允许开发者通过编程方式查找、修改或删除XML元素。在JavaScript中，XML...

    原生的强大DOM选择器querySelector介绍

    querySelector和querySelectorAll的优势在于它们能够处理复杂的CSS选择器，如组合选择器、伪类选择器等，这让开发者可以使用熟悉且强大的CSS语法来选取DOM元素。同时，这两个方法在现代浏览器中得到了广泛支持，包括...

    jquery和w3school菜鸟教程.rar

    1. **选择器**：jQuery的选择器是基于CSS选择器的，可以方便地选取HTML元素，如`$("#id")`选取ID为id的元素，`$(".class")`选取所有class为class的元素。 2. **DOM操作**：jQuery提供了简便的方法来操作DOM元素，如...

    比较全的W3C标准规范,chm格式,英文版

    W3C的CSS规范包括CSS1、CSS2、CSS2.1和CSS3等多个版本。CSS3是目前的主流，它引入了模块化开发，如布局（Flexbox和Grid）、动画、转换、选择器扩展等，极大地丰富了网页设计的可能。 **XML（eXtensible Markup ...

    Jquery语法大全

    选择器的语法基于CSS和XPath，能够灵活地选取不同类型的元素。 - **元素选择器**：如`$("p")`选取所有`&lt;p&gt;`元素；`$("p.intro")`选取所有class为"intro"的`&lt;p&gt;`元素。 - **属性选择器**：例如`$("[href]")`选取所有...

    html+css+javascript+..文档

    - DOM操作：Document Object Model是HTML和XML文档的编程接口，JavaScript可通过DOM API获取、修改、添加或删除元素。 W3CSchool.chm文件很可能是W3C学校提供的离线教程，其中包含了这三个主题的详细解释和实例。...

    CSS、DHTML、XMLDOM、T-SQL、XPath、正则表达式等.chm文件帮助文档

    XMLDOM，是XML文档对象模型，它是W3C的一个推荐标准，提供了一种独立于平台和语言的方式来表示XML文档。XMLDOM将XML文档解析为一个可操作的对象树，允许开发者通过编程方式创建、修改和遍历XML文档。JavaScript和...

    W3school页面设计

    DOM（Document Object Model）是JavaScript操作网页内容的接口，通过`document.getElementById()`、`document.querySelector()`等方法可以获取和修改DOM元素。 W3school.chm文件可能包含了这些领域的详细教程，每个...

    最新php jquery css3 jscript(w3cshool版) 合集

    jQuery的核心特性包括选择器（用于高效地选取DOM元素），DOM操作（添加、删除或修改元素属性），事件处理（绑定和触发事件），以及动画效果（滑动、淡入淡出等）。最新版jQuery致力于优化性能和兼容性，同时保持其...

    DOM文档对象模型中文参考手册

    DOM（Document Object Model）文档对象模型是W3C组织制定的一种标准，用于表示XML和HTML文档的结构化接口。它是浏览器和服务器端脚本用来访问和操作网页内容的一个统一方式。DOM将整个文档视为一个树形结构，其中每...

    W3C资源大集合（html5/CSS3/JavaScript/jQuery中文手册）

    例如，用"$()"选择器可以方便地选取DOM元素，而".click()"和".fadeIn()"等方法则可以便捷地添加事件监听和动画效果。jQuery还提供了插件生态系统，允许开发者扩展其功能以满足各种需求。 **PHP+MySQL** PHP是一种...

    apache,CSS,JQuery,PHP,sql,W3school中文打包下载

    JQuery的核心特性包括：选择器（类似于CSS的选择器语法来选取DOM元素）、链式调用（一个方法调用后可以直接调用另一个方法）、高效的DOM操作、丰富的插件生态系统等。通过JQuery，开发者可以更轻松地实现复杂的交互...

    2天驾驭div+css.

    基于文档对象模型（Document Object Model，简称DOM）的布局技术是构建网页外观和结构的基础。在这个领域，DIV和CSS（层叠样式表）是两个被频繁使用到的技术元素。DIV用于构建网页的基本结构，而CSS则用于为网页添加...

Magicbox
Global site tag (gtag.js) - Google Analytics