jquery选择器 | 易学教程

jQuery源码浅析–整体架构

阅读更多关于 jQuery源码浅析–整体架构

http://www.cnblogs.com/coco1s/p/5261646.html @ChokCoco 最近一直在研读 jQuery 源码，初看源码一头雾水毫无头绪，真正静下心来细看写的真是精妙，让你感叹代码之美。其结构明晰，高内聚、低耦合，兼具优秀的性能与便利的扩展性，在浏览器的兼容性（功能缺陷、渐进增强）优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。另外，阅读源码让我接触到了大量底层的知识。对原生JS 、框架设计、代码优化有了全新的认识，接下来将会写一系列关于 jQuery 解析的文章。我在 github 上关于 jQuery 源码的全文注解，感兴趣的可以围观一下。jQuery v1.10.2 源码注解（https://github.com/chokcoco/jQuery-）。网上已经有很多解读 jQuery 源码的文章了，作为系列开篇的第一篇，思前想去起了个【深入浅出jQuery】的标题，资历尚浅，无法对 jQuery 分析的头头是道，但是 jQuery 源码当中确实有着大量巧妙的设计，不同层次水平的阅读者都能有收获，所以打算厚着脸皮将自己从中学到的一些知识点共享出来。打算从整体及分支，分章节剖析。本篇主要讲 jQuery 的整体架构及一些前期准备，先来看看 jQuery 的整体结构：整体架构不同于 jQuery

源码浅析--整体架构

阅读更多关于源码浅析--整体架构

最近一直在研读 jQuery 源码，初看源码一头雾水毫无头绪，真正静下心来细看写的真是精妙，让你感叹代码之美。其结构明晰，高内聚、低耦合，兼具优秀的性能与便利的扩展性，在浏览器的兼容性（功能缺陷、渐进增强）优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。另外，阅读源码让我接触到了大量底层的知识。对原生JS 、框架设计、代码优化有了全新的认识，接下来将会写一系列关于 jQuery 解析的文章。网上已经有很多解读 jQuery 源码的文章了，作为系列开篇的第一篇，思前想去起了个【深入浅出jQuery】的标题，资历尚浅，无法对 jQuery 分析的头头是道，但是 jQuery 源码当中确实有着大量巧妙的设计，不同层次水平的阅读者都能有收获，所以打算厚着脸皮将自己从中学到的一些知识点共享出来。打算从整体及分支，分章节剖析。本篇主要讲 jQuery 的整体架构及一些前期准备，先来看看 jQuery 的整体结构： jQuery 整体架构不同于 jQuery 代码各个模块细节实现的晦涩难懂，jQuery 整体框架的结构十分清晰，按代码行文大致分为如上图所示的模块。初看 jQuery 源码可能很容易一头雾水，因为 9000 行的代码感觉没有尽头，所以了解作者的行文思路十分重要。整体而言，我觉得 jQuery 采用的是总--分的结构

jQuery基础

阅读更多关于 jQuery基础

jQuery jQuery基本流程图https://www.processon.com/mindmap/5bca9b19e4b0fe81b666b9ac 特点 jQuery是一个轻量级的、兼容多浏览器的JavaScript库 jQuery是用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行ajax交互，能够极大的简化JavaScript编程，使用jQuery的原因：简单，开发效率高，不用浏览器的差异化使用方法下载： https://jquery.com/ 导入通过网址下载之后script导入本地文件路劲就可以了通过使用bootcdn来使用jquery 按照jQuery的语法使用就可以了注意：必须先导入再使用 jQuery内容 jQuery对象和普通DOM对象的区别 jQuery选择器找到的是jquery对象原生的DOM找到的就是DOM对象互相转换 jQuery对象[0]------>DOM对象 $(DOM对象)------->jquery对象查找标签基本选择器 id选择器 $("#id") $("tagName") $(".className") $("div.c1") // 找到有c1 class类的div标签 //所有元素选择器 $("*") //组合选择器 $("#id, .className, tagName")

jQuery

阅读更多关于 jQuery

一. jQuery 1.模块《=》类库，jQuery----DOM的一个类库。 2.查找元素 ---DOM： ---jQuery: ---选择器： ---筛选：注： 1. jQuery版本：1.x 兼容性高（推荐使用1.12）;2.x;3.x jQuery安装：1)jquery.com 官网下载； 2)把.js文件放到HTML同级目录下即可。 2.引用：在HTML中引用CSS样式时，用link链接到同级目录下的css文件即可；也可以在HTML中：<style><style>编写样式；（两种方式）在HTML中引用 .js 文件时，用script 引用同级目录下的 .js 文件；也可以在HTML中：<script><script>编写代码；（两种方式）注：<style>一般放在头部，<script>一般放在尾部 3.调用jQuery中的方法有两种方式： jQuery.方法名； $.方法名。 3.操作元素 3.1获取标签： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="i1">123</div> <script scr="jquery-1.12.4.js"></script> <script> $("

jQuery 入门

阅读更多关于 jQuery 入门

不能正常引用jQuery-2.2.4.min.js所以代码没生效 jQuery 是一个 JavaScript 函数库。jQuery 库包含以下特性： HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 官网: 点击中文文档: 点击书写规范 <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> //代码不能写在引用文件这个容器里 <script> $somecode //$符号就表示jQuery jQuery.somecode //等同 </script> PS:由于编辑器的JS编码问题中文在js编码过程中没有使用utf-8.显示乱码.实际代码和注释源码有区别选择器和筛选器类似JS有#id(id选择器),element(元素选择器即标签),class(class选择器),组合选择器(selector多种选择器组合),层级选择器,*(选择全部)... 基本选择器在js基础上稍微修改了一下,是用#代表id, .class代表class,标签直接使用标签名 PS:id选择器,使用任何的元字符（如 !"#$%&'()*+,./:;<=>?@[]^`{|}~）作为名称的文本部分，

jQuery $ 的作用

阅读更多关于 jQuery $ 的作用

$符号总体来说有两个作用： 1、作为一般函数调用：$(param) (1)、参数为函数：当DOM加载完成后，执行此回调函数　　$(function(){//dom加载完成后执行　　　　//代码　　}) （2）、参数为选择器字符串：查找所有匹配的标签，并将它们封装成jQuery对象（3）、参数为dom对象：将dom对象封装成jQuery对象如：$(this) 注意：jQuery对象和dom对象的区别：　　jQuery对象可以使用jQuery的方法，但dom对象不行！　　$("li")[0] 为dom对象，再通过$()包装 $($("li")[0] ) 返回的是jQuery对象，则可以使用jQuery方法（4）、参数为html标签字符串（用的少）：创建标签对象并封装成jQuery对象 2、作为对象使用：$.xxx() 如：（1）$.each()：遍历数组或对象（2）$.trim()：去掉两端的空格 http://jquery.cuishifeng.cn/index.html 来源： https://www.cnblogs.com/lihuijuan/p/9170240.html

jQuery作用

阅读更多关于 jQuery作用

jquery是前端里面比较总要的，是很强大的一个选择器。表单： 1、$(":input") 查找所有的input元素 2、$("text") 匹配所有的单行文本框 3、$(":password") 匹配所有密码框 4、$("radio") 匹配所有单选按钮 5、$("checkbox") 匹配所有复选框 6、$("submit") 匹配所有提交按钮 7、$("image") 匹配所有图像域 8、$("button") 匹配所有按钮 9、$("file") 匹配所有文件域 10、$("hidden") 匹配所有不可见元素，或者type为hidden的元素 1、$("#id"): 根据给定的ID匹配一个元素。 2、$("dom元素名")：根据给定的元素名匹配所有元素 3、$(".Class类名"): 根据给定的类匹配元素。 4、$("*") ：匹配所有元素。 5、$("dom元素.class类名")：选择所有class属性为指定类名的dom元素。 6、$(".stripe tr"): 获取class属性为stripe的table元素下的所有行层级： 1、$("ancestor descendant"):在给定的祖先元素下匹配所有的后代元素 2、$("parent > child"):在给定的父元素下匹配所有的子元素 3、$("prev + next"):匹配所有紧接在 prev

jQuery概述

阅读更多关于 jQuery概述

jQuery特点 jQuery是一套简洁、快速、灵活的javascript脚本库。jQurey具有如下特点： 1.代码精致小巧 2.强大的功能函数 3.跨浏览器 4.链式的语法风格 5.插件丰富 jQuery下载与配置 'http://jquery.com/download' 配置 '<script type="text/javascript src="js/jquery-3.2.1min.js">' jQuery选择器 jquery的工厂函数'$'。在jquery中无论那种类型的饿选择器都需要从'$'和'()'开始。 1.在参数中使用标记名 $("div") 2.在参数中使用id $("#username") 3.在参数中使用css类名 $(".btn_grey") 基本选择器 1.##元素选择器 2.##类名选择器 3.##复合选择器层级选择器 1.##ancestor descendant选择器 2.##parent>child选择器 3.##prev+next选择器 4.##prev~siblings选择器过滤器选择器 1.##简单过滤器 2.##内容过滤器 3.##可见性过滤器 4.##表单对象的属性过滤器 5.##子元素过滤器属性选择器表单选择器来源： https://www.cnblogs.com/qzgsg/p/11185980.html

jquery css

阅读更多关于 jquery css

jQuery提供 css() 的方法来实现嵌入式改变元素样式， css() 方法在使用上具有多样性。其中一种接受两个输入参数：样式属性和样式值，它们之间用逗号分开。比如我们要改变链接颜色，我们可以使用下面的代码： $("#61dh a").css('color','#123456'); //这里选择器‘$("#61dh a")’表示ID为‘#61dh’的元素下的所有链接。 //.css(‘color’,'#123456');表示把颜色设为'#123456' 如果我们需要改变多个样式属性，我们可以先定义属性变量，然后直接赋值给 css() 方法。示例如下： var divcss = { background: '#EEE', width: '478px', margin: '10px 0 0', padding: '5px 10px', border: '1px solid #CCC' }; $("#result").css(divcss); //这里我们先定义了一个CSS样式属性变量‘divcss’，这类似于建立一个外部CSS文件。 //然后通过jQuery提供的css()方法，把属性赋给ID为'#result'的DIV。另外jQuery提供的 css() 方法还可以用来查看某个元素的css属性值。例如，我们想查看链接的颜色，可以使用下面的代码： $("#61dh a").css

jQuery基础 - 改变CSS样式

阅读更多关于 jQuery基础 - 改变CSS样式

订阅 jquery选择器