//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):由浏览器提供的对象.
© 2024 憋错料 | info#biecuoliao.com | 10 q. 0.022 s.
|