[javascript]MooTools Selectors(MooTools 选择器) ELEMENT DOM选择

//ELEMENT DOM选择//on are tag names.
//All the divs on the page:
$$(‘div‘);
//All the divs and paragraphs
//note: this returns an array with all the divs first,
//then all the paragraphs:
$$(‘div‘, ‘p‘);
//When you include Selectors.js, you can
//pass in CSS selectors.
//All the divs with the css class ‘myClass‘:
$$(‘div.myClass‘)
/All the paragraphs that are inside divs:
$$(‘div p‘);
//All the bold tags in paragraphs with
//Class ‘foo‘ in divs with class ‘myClass‘:
$$(‘div.myClass p.foo b‘);
可以继承Selectors的DOM方法
Element.getElement Element.getAllNext
Element.getElements Element.getFirst
Element.match Element.getLast
Element.getPrevious Element.getParent
Element.getAllPrevious Element.getParents
Element.getNext Element.getChildren

CSS3表达式选择

//All the inputs where name equals ‘email‘
$$(‘input[name=email]‘)
//All the images with urls that end in .gif:
$$(‘img[src$=gif]‘)
//All the links without target="_blank":
$$(‘a[target!=_blank]‘)
Note that these expressions can take double or single quotes when you
want to search for something that has a space or other character:

$$(‘input[name!="user[username]"]‘)
$$(‘img[src$=".gif"]‘)
CSS3表达式匹配规则
= 匹配给定的属性是某个特定值的元素
^= 匹配给定的属性是以某些值开始的元素
$= 匹配给定的属性是以某些值结尾的元素
!= 匹配给定的属性是不包含某个特定值的元素
*= 匹配给定的属性是以包含某些值的元素
~=
该属性的值必须是一系列用空格隔开的多个值,(比如,class=”title featured home”),而且这些值中的一个必须是指定的值”value”。

|=
属性的值就是“value”或者以“value”开始并立即跟上一个“-”字符,也就是“value-”。(比如lang=”zh-cn”)

时间: 2024-08-18 17:35:04

[javascript]MooTools Selectors(MooTools 选择器) ELEMENT DOM选择的相关文章

javascript高级程序设计 第十一章--DOM扩展

javascript高级程序设计 第十一章--DOM扩展DOM最主要的扩展就是选择符API.HTML5和Element Traversal Selectors API:定义了两个方法 querySelector() 和 querySelectorAll(),能够基于CSS选择符从DOM中取得元素.querySelector()方法接收一个CSS选择符,返回该模式匹配的第一个元素,querySelectorAll()接收的参数一样,但是返回NodeList实例: matchesSelector()

jQuery 选择器和dom操作

JQuery选择器 1.基本选择器 基本选择器是JQuery中最常用的选择器,也是最简单的选择器,它通过元素id.class 和标签名来查找DOM元素.这个非常重要,下面的内容都是以此为基础,逐级提高的. 1).“$(“#id”)”,获取id指定的元素,id是全局唯一的,所以它只有一个成员. 2).“$(“.class”)”,获取class指定的元素,不同的元素可以具有相同的class属性,所以它可能具有多个成员. 3).“$(“element”)”,获取element(元素名,比如div.ta

jQuery选择器和DOM操作——《锋利的jQuery》(第2版)读书笔记1

第1章 认识jQuery jQuery有以下优势: 轻量级: 强大的选择器: 出色的DOM操作的封装: 可靠的事件处理机制: 完善的Ajax: 不污染顶级变量: 出色的浏览器兼容性: 链式操作方式: 隐式迭代: 行为层与结构层的分离: 丰富的插件支持: 完善的文档: 开源. jQuery对象就是通过jQuery包装DOM对象后产生的对象. 在jQuery对象中无法使用DOM对象的任何方法.同样,DOM对象也不能使用jQuery里的方法. jQuery对象和DOM对象的相互转换        如果

JavaScript强化教程——jQuery选择器

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 -- jQuery选择器 jQuery 选择器 选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") 所有 class="intro" 的元素 element $("p") 所有 <p&

JavaScript之jQuery-2 jQuery选择器(jQuery选择器、基本选择器、层次选择器、过滤选择器、表单选择器)

一.jQuery 选择器 jQuery 选择器简介 - jQuery 选择器类似于 CSS 选择(定位元素,施加样式),能够实现定位元素,施加行为 - 使用 jQuery 选择器能够将内容与行为分离 - 学会使用选择器是学习 jQuery 的基础 jQuery 选择器的优势 - 简洁的写法: - $()工厂函数在很多JavaScript类库中都被作为一个选择器函数使用 - 支持 CSS1 到 CSS3 选择器 - jQuery 选择器支持 CSS1.CSS2 和 CSS3 选择器,同时拥有少量独

[ jquery 过滤器 is(expr | jqObj | ele | function) ] 此方法用于在选择器的基础之上根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合,如果有,则返回true

根据选择器.DOM元素或 jQuery 对象来检测匹配元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true. 如果没有元素符合,或者表达式无效,都返回'false'. '''注意:'''在jQuery 1.3中才对所有表达式提供了支持.在先前版本中,如果提供了复杂的表达式,比如层级选择器(比如 + , ~ 和 > ),始终会返回true 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title&

JavaScript(核心、BOM、DOM)

http://www.flyne.org/article/407 JavaScript(核心.BOM.DOM) JavaScript是基于对象和事件驱动的客户端脚本语言.有如下特点: 交互性 安全性(不可以直接访问本地硬盘) 跨平台性(只要是可以解析js的浏览器都可以执行,和平台无关) 1.JavaScript和Java不同! ①所属:NetScape和Sun ②基于对象和面向对象 ③JS可以直接解析执行,Java需先编译在运行 ④JavaScript是一种弱类型的语言,Java是强类型的语言.

选择器,DOM操作,事件

选择器,DOM操作,事件javascript事件:onclick,ondlbclickonmousedown,onmouseuponmouseover,onmouseoutonkeydown,onkeyuponblur,onfocusonchange Jquery事件,与JavaScript 事件相似,只是把on去掉.click(function(){});focus(function(){}); 1.click,dblclick事件:案例:换背景(用缩略图换背景,单击轮转换背景)特别: tog

JavaScript学习总结(一)DOM文档对象模型

一.文档(D) 一个网页运行在浏览器中,他就是一个文档对象. 二.对象(O) "对象"是一种自足的数据集合.与某个特定对象相关联的变量被称为这个对象的属性,只能通过某个对象调用的函数被称为这个对象的方法. JavaScript中有三种类型的对象: ①用户自定义对象:不做了解 ②内建对象(native object):JavaScript中一开始就存在的.列如Array,Math,Date等(JavaScript语法区分大小写) ③宿主对象(host object):由浏览器提供的对象.