jquery选择器

1.1 jQuery详细介绍 1.1.1 $问题 a) Js命名归法：下划线、字母、$、数字 b) 但是不能以数字作为开头 jQUery的两个变量：$ 和 jQuery jQuery占用了我们两个变量：$ 和 jQuery 1.1.2 js入口函数跟jQuery入口函数的区别： Js的window.onload事件是等到所有内容，以及我们的外部图片之类的文件加载完了之后，才回去执行 jQuery的入口函数 是在 html所有标签都加载之后，就回去执行。 1.2 Js创建对象 三种方式： var obj = {}; var obj1 = new Object(); var obj2 = Object.create(); 1跟2的区别： 推荐使用第一个方式 第二种方式存在效率问题，因为要new对象，会涉及到原型查找的问题。 1.3 jQuery基本选择器 1.3.1 回顾CSS选择器 CSS 选择器回顾 符号 说明 用法 #id Id选择器 #id{ color:red; } .class 类选择器 .class{ //} Element 标签选择器 P { //} * 通配符选择器 配合其他选择器来使用 , 并集选择器 div,p{} 空格 后代选择器 div span{} 选择div下面所有后代的span > 子代选择器 div > span{} + 紧邻选择器 div+p

1 jQuery选择器 jQuery选择器用于选择DOM元素进行相应操作,允许通过多种方式选择,包括标签名,属性名,类名,id等对元素进行选择,基于CSS选择器.jQuery中所有的选择器都以$符号开头,后面加一对括号. jQuery选择器可以分为基本选择器,层次选择器,过滤选择器与表单选择器. 2 基本选择器 基本选择器可以分成四个: id选择器 元素选择器 类选择器 通配符选择器 组合选择器 2.1 id选择器 id选择器根据给定的id匹配一个元素,以 # 开头,如有: <div id="div1"></div> 则选择器 $("#div1") 会选择 如果id中含有特殊字符,比如点: <div id="div1.1.1"></div> 则需要使用双反斜杠转义: $("#div1\\.1\\.1") 2.2 元素选择器 根据元素的标签名查找所有符合的元素.假设有: <div>1</div> <div>2</div> <div>3</div> 选择器 $("div") 会选择所有div元素. 2.3 类选择器 根据给定的css类名匹配元素,以 . 开头.如有: <div class="class1"></div> <p class="class1"></p> <div class="class2"></div> 选择器 $(".class1") 会选择: 选择器 $("

1.JS获取节点的方法 var a=document.getElementByIdxxxx("dom"); del_space(a); //调用清理空格的函数 var b=a.childNodes; //获取a的全部子节点 var c=a.parentNode; //获取a的父节点 var d=a.nextSbiling; //获取a的下一个兄弟节点 var e=a.previousSbiling; //获取a的上一个兄弟节点 var f=a.firstChild; //获取a 的第一个子节点 var g=a.lastChild; //获取a的最后一个子节点 　　//此函数用于删除空节点 function del_space(elem){ 　　　　var elem_child=elem.childNodes; //得到参数元素的所有子元素 for(var i=0;i<elem_child.length;i++){ 　　　　　　if(elem_child.nodeName=="#text"&&!/\S/test(elem_child.nodeValue)){ 　　　　　　　　　　elem.removeChild(elem_child); 　　　　　　} 　　　　} } 2.jQuery 获取节点的方法 　　　　jQuery.parent(expr) 找父节点，可以传入expr进行过滤

1 jQuery选择器 jQuery选择器用于选择DOM元素进行相应操作,允许通过多种方式选择,包括标签名,属性名,类名,id等对元素进行选择,基于CSS选择器.jQuery中所有的选择器都以$符号开头,后面加一对括号. jQuery选择器可以分为基本选择器,层次选择器,过滤选择器与表单选择器. 2 基本选择器 基本选择器可以分成四个: id选择器 元素选择器 类选择器 通配符选择器 组合选择器 2.1 id选择器 id选择器根据给定的id匹配一个元素,以 # 开头,如有: <div id="div1"></div> 则选择器 $("#div1") 会选择 如果id中含有特殊字符,比如点: <div id="div1.1.1"></div> 则需要使用双反斜杠转义: $("#div1\\.1\\.1") 2.2 元素选择器 根据元素的标签名查找所有符合的元素.假设有: <div>1</div> <div>2</div> <div>3</div> 选择器 $("div") 会选择所有div元素. 2.3 类选择器 根据给定的css类名匹配元素,以 . 开头.如有: <div class="class1"></div> <p class="class1"></p> <div class="class2"></div> 选择器 $(".class1") 会选择: 选择器 $("

/*--> */ /*--> */ jQuery插件其实是前端框架的思维，构成一个框架，个人认为必须满足以下几个基础条件：1. 可重用，2. 兼容性，3. 维护方便，虽说现在有很多比较成熟的前端框架，但是也有部分存在配置麻烦，学习成本大的麻烦。jQuery的学习成本相对较低，对于有JavaScript基础的朋友很容易上手。而且我也希望能利用jQuery写一套自己的前端框架，有跟我一样想法的人，欢迎扫描尾部二维码，加入群聊，交流学习！ 一：关于如何写jQuery插件的方法有三种： 1. 使用$.extend()来扩展jQuery； 2. 使用$.fn来添加jQuery方法； 3. 通过$.widget()应用jQuery UI的部件工厂方式创建； 二：三种jQuery插件开发方式说明 1、$.extend()相对简单，一般很少能够独立开发复杂插件，仅仅是在jQuery命名空间或者理解成jQuery身上添加了一个静态方法而以。 2、我们调用通过$.extend()添加的函数时直接通过$符号调用（$.myfunction()），而不需要选中DOM元素($('#example').myfunction())。 3、$.widget()是一种高级的开发模式，该模式开发出来的部件带有很多jQuery内建的特性，比如插件的状态信息自动保存，各种关于插件的常用方法等 4、$

一 jQuery是什么？ ［1］ jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。 ［2］ jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE! ［3］ 它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 ［4］ jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。 ［5］ jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 二 什么是 jQuery 对象？ jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。 jQuery 对象是 jQuery 独有的 . 如果一个对象是 jQuery 对象 , 那么它就可以使用 jQuery 里的方法 : $(“#test”).html(); $("#test").html() 意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法 这段代码等同于用DOM实现代码： document.getElementById("

jquery中基础选择器用法 1，jquery最全的写法 $(document).ready(function(){ ---www.96net.com.cn ---- }); 2,jquery简写的写法 $("#id").click(function(){ ---www.96net.com.cn ---- }) 3, 基础选择器 id 选择器 class选择器 元素选择器 子元素选择 ul li 后代选择器 ul>li 来源： https://www.cnblogs.com/96net/p/12457851.html

1 jQuery 事件方法 2 事件方法触发器或添加一个函数到被选元素的事件处理程序。 3 下面的表格列出了所有用于处理事件的 jQuery 方法。 4 bind ( ) 向元素添加事件处理程序 5 blur ( ) 添加 / 触发失去焦点事件 6 change ( ) 添加 / 触发 change 事件 7 click ( ) 添加 / 触发 click 事件 8 dblclick ( ) 添加 / 触发 double click 事件 9 delegate ( ) 向匹配元素的当前或未来的子元素添加处理程序 10 die ( ) 在版本 1.9 中被移除。移除所有通过 live ( ) 方法添加的事件处理程序 11 error ( ) 在版本 1.8 中被废弃。添加 / 触发 error 事件 12 event . currentTarget在事件冒泡阶段内的当前 DOM 元素 13 event . data包含当前执行的处理程序被绑定时传递到事件方法的可选数据 14 event . delegateTarget返回当前调用的 jQuery 事件处理程序所添加的元素 15 event . isDefaultPrevented ( ) 返回指定的 event 对象上是否调用了 event . preventDefault ( ) 16 event .

目录 1. jQuery介绍 2. 下载jQuery 3. 基础语法 4. 文档就绪事件 5. jQuery选择器 6. 判断是否选择到了元素 7. jQuery样式操作 8. jQuery事件 9. 文档/窗口事件 10. 获取内容和属性 11. 改变内容和属性 12. jQuery效果 13. jQuery动画 14. jQuery获取表单数据 15. jQuery正则 16. AJAX jQuery:http://www.runoob.com/manual/jquery/ jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少，做的多"的JavaScript库。 jQuery库包含以下功能： - HTML 元素选取 - HTML 元素操作 - CSS 操作 - HTML 事件函数 - JavaScript 特效和动画 - HTML DOM 遍历和修改 - AJAX 异步加载 1. jQuery介绍 jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远 远超过其他库。 微软公司甚至把jQuery作为他们的官方库。 jQuery的版本分为1.x系列和2.x、3.x系列，1.x系列兼容低版本的浏览器，2.x、3.x系列放弃支持低版本浏览 器，目前使用最多的是1.x系列的

吼吼: 最近园子里貌似比较冷清, 首页上不是业界新闻, xx大会笔记, '长篇小说' 就是 新人宣誓. 小序: 整理下自己项目中常用的几款jQuery插件, 发上来共享下, 另外作下说明, 由于自己大部分插件都是贡献在 jQuery.com 上的, 所以注释, demo 什么的基本上都是英文, 还请各位看官见谅. 正卷: Facebook/Xiaonei 风格模态框 效果图: 简介: 使用 div, table 和 opacity 效果实现模态框效果... 导航: 详细介绍 | 在线演示 Tabpanel - jerichotab 效果图: 简介: jerichoTab是一款模拟 firefox 标签页的插件, 通过丰富的API可以轻松的实现动态添加, 删除, 激活tab, 当tab页过多时会在左右两段增加滚动条... 导航: 详细介绍 | 在线演示 jCheckbox: 效果图: 简介: jCheckbox用于模拟checkbox的效果, 方便开发人员自定义外观, 由于所有的属性都绑定到目标checkbox, 所以不必担心状态保存或取值的问题... 导航: 详细介绍 | 在线演示 Drag and Drop: 效果图: 简介: dragndrop为开发人员实现dom拖拽提供了更简单的方法, 并可以监视对象dom的位置以便进行数据(position)存储... 导航: 详细介绍 |