Query的选择器】的更多相关文章

Query的选择器   一. 基本选择器   1. ID选择器            ID选择器#id就是利用DOM元素的id属性值来筛选匹配的元素,并以iQuery包装集的形式返回给对象.            使用公式:$("#id")            示例:$("#box")    //获取id属性值为box的元素       2. 元素选择器            元素选择器是根据元素名称匹配相应的元素.元素选择器指向的是DOM元素的标记名,也就是说元…
    1.选择器 (1)通配符: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");//id属性以code结束的所有input标签 $("input[id*='code']");//id属性包含code的所有input标签 $("input[name^='code']");//name属性以code开始的所有input标签 $(&quo…
上一篇是把整个jQuery库作为一个模块.这篇来写一个自己的模块:选择器. 为演示方便这里仅实现常用的三种选择器id,className,attribute. RequireJS使用define来定义模块. 新建目录结构如下 这次新建了一个子目录js,把main.js和selctor.js放入其中,require.js仍然和index.html在同一级目录. HTML 如下 <!doctype html> <html> <head> <title>requi…
上一篇是把整个jQuery库作为一个模块.这篇来写一个自己的模块:选择器. 为演示方便这里仅实现常用的三种选择器id,className,attribute.RequireJS使用define来定义模块. 新建目录结构如下 这次新建了一个子目录js,把main.js和selctor.js放入其中,require.js仍然和index.html在同一级目录. HTML 如下 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <!doctype html>…
RequireJS由James Burke创建,他也是AMD规范的创始人. RequireJS会让你以不同于往常的方式去写JavaScript.你将不再使用script标签在HTML中引入JS文件,以及不用通过script标签顺序去管理依赖关系. 当然也不会有阻塞(blocking)的情况发生.好,以一个简单示例开始. 新建一个目录,结构如下 目录r1下有index.html.jquery-1.7.2.js.main.js.require.js.require.js和jquery-1.7.2.j…
/** * Created by wyl on 15-3-4. */ //Jquery是一个JavaScrioe库,它极大的简化了JavaScript编程 $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); /* Baidu CDN: <head> <script src="http://libs.baidu.com/jquery/1.10.2/jque…
上一篇是把整个jQuery库作为一个模块.这篇来写一个自己的模块:选择器. 为演示方便这里仅实现常用的三种选择器id,className,attribute.RequireJS使用define来定义模块. 新建目录结构如下 这次新建了一个子目录js,把main.js和selctor.js放入其中,require.js仍然和index.html在同一级目录. HTML 如下 <!doctype html> <html> <head> <title>requir…
此文同来记录学习笔记 •Ext.dom.Query 嗯,这个类一看就是到时做什么事儿的,不用我去过多的解释了.这个类一共提供了8个方法供开发人员去使用. •要说最常用的方法,无非就是Ext.query这个方法,之前我们已经简单接触过了这个方法,下面是此方法的详细使用规则: –基本元素选择器 id选择器 css的类选择器 标签选择器(简单选择器) –属性选择器 –伪类选择器(也可以说是相当于JQ过滤选择器) •Ext.query基本使用形式: –Ext.query('span')     返回整个…
CSS命名规则常用的css命名规则 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendli…
为了说明js性能方面的差异用一个简单的例子说明下, <style> #ul1{ padding: 5px; overflow: hidden; } #ul1 li{ list-style: none; width: 15px; height: 15px; border-radius: 50%; background: #ccc; margin: 3px; float: left; cursor: pointer; } #ul1 .active{ background: red; } </…