jquery事件

前端基础之jQuery入门 01

阅读更多关于前端基础之jQuery入门 01

jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是："Write less, do more." 优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫，并且可以根据自己需要去改写和封装插件，简单实用。4

源码浅析2--奇技淫巧

阅读更多关于源码浅析2--奇技淫巧

本篇是系列第二篇，标题起得有点大，希望内容对得起这个标题，这篇文章主要总结一下在 jQuery 中一些十分讨巧的 coding 方式，将会由浅及深，可能会有一些基础，但是我希望全面一点，对看文章的人都有所帮助，源码我还一直在阅读，也会不断的更新本文。即便你不想去阅读源码，看看下面的总结，我想对提高编程能力，转换思维方式都大有裨益，废话少说，进入正题。短路表达式与多重短路表达式短路表达式这个应该人所皆知了。在 jQuery 中，大量的使用了短路表达式与多重短路表达式。短路表达式：作为"&&"和"||"操作符的操作数表达式，这些表达式在进行求值时，只要最终的结果已经可以确定是真或假，求值过程便告终止，这称之为短路求值。这是这两个操作符的一个重要属性。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 // ||短路表达式 var foo = a || b; // 相当于 if (a){ foo = a; } else { foo = b; } // &&短路表达式 var bar = a && b; // 相当于 if (a){ bar = b; } else { bar = a; } 当然，上面两个例子是短路表达式最简单是情况，多数情况下，jQuery 是这样使用它们的： 1 2 3 4 5 6 7 8 9 // 选自 jQuery

jQuery源码浅析2–奇技淫巧

阅读更多关于 jQuery源码浅析2–奇技淫巧

最近一直在研读 jQuery 源码，初看源码一头雾水毫无头绪，真正静下心来细看写的真是精妙，让你感叹代码之美。其结构明晰，高内聚、低耦合，兼具优秀的性能与便利的扩展性，在浏览器的兼容性（功能缺陷、渐进增强）优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。另外，阅读源码让我接触到了大量底层的知识。对原生JS 、框架设计、代码优化有了全新的认识，接下来将会写一系列关于 jQuery 解析的文章。我在 github 上关于 jQuery 源码的全文注解，感兴趣的可以围观一下。jQuery v1.10.2 源码注解。本篇是系列第二篇，标题起得有点大，希望内容对得起这个标题，这篇文章主要总结一下在 jQuery 中一些十分讨巧的 coding 方式，将会由浅及深，可能会有一些基础，但是我希望全面一点，对看文章的人都有所帮助，源码我还一直在阅读，也会不断的更新本文。即便你不想去阅读源码，看看下面的总结，我想对提高编程能力，转换思维方式都大有裨益，废话少说，进入正题。短路表达式与多重短路表达式短路表达式这个应该人所皆知了。在 jQuery 中，大量的使用了短路表达式与多重短路表达式。短路表达式：作为”&&”和”||”操作符的操作数表达式，这些表达式在进行求值时，只要最终的结果已经可以确定是真或假，求值过程便告终止，这称之为短路求值

jQuery源码浅析2–奇技淫巧

阅读更多关于 jQuery源码浅析2–奇技淫巧

http://www.cnblogs.com/coco1s/p/5303041.html @ChokCoco 最近一直在研读 jQuery 源码，初看源码一头雾水毫无头绪，真正静下心来细看写的真是精妙，让你感叹代码之美。其结构明晰，高内聚、低耦合，兼具优秀的性能与便利的扩展性，在浏览器的兼容性（功能缺陷、渐进增强）优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。另外，阅读源码让我接触到了大量底层的知识。对原生JS 、框架设计、代码优化有了全新的认识，接下来将会写一系列关于 jQuery 解析的文章。我在 github 上关于 jQuery 源码的全文注解，感兴趣的可以围观一下。jQuery v1.10.2 源码注解。本篇是系列第二篇，标题起得有点大，希望内容对得起这个标题，这篇文章主要总结一下在 jQuery 中一些十分讨巧的 coding 方式，将会由浅及深，可能会有一些基础，但是我希望全面一点，对看文章的人都有所帮助，源码我还一直在阅读，也会不断的更新本文。即便你不想去阅读源码，看看下面的总结，我想对提高编程能力，转换思维方式都大有裨益，废话少说，进入正题。短路表达式与多重短路表达式短路表达式这个应该人所皆知了。在 jQuery 中，大量的使用了短路表达式与多重短路表达式。短路表达式：作为”&&”和”||”操作符的操作数表达式

Day51 前端基础--jQuery 事件

阅读更多关于 Day51 前端基础--jQuery 事件

一，jQuery常用事件　　1.(keyup/keydown)键盘事件　　　　批量操作　　2.hover(不是原生DOM事件，是jQuery封装的) 　　　　接收两个匿名函数　　　　$('').hover(function() {鼠标移上去要做的事},function() {鼠标移下去要做的事} ) 　　3.input事件: 　　　　只要input框的发生变化就会触发此事件　　4.click点击事件 click(function(){...}) //一般用于监视点击事件 hover(function(){...}) //一般用于对用户光标起反应 blur(function(){...}) //一般用于捕获用户输入完成的输入内容 focus(function(){...}) //获得焦点时触发 change(function(){...}) //一般用于监视表单状态 keyup(function(){...}) //一般与keydown配合实现键盘事件的批量操作 keydown(function(){...})input(function(){...}) //一般用于监视输入框的输入内容　二，jQuery绑定事件的方式 //1.jQ对象.事件(事件处理函数() {动作}) $(''").click(function() {}) //2.jQ对象.on(事件,事件处理函数

阅读更多关于 JQuery事件

一、遍历 1. js的遍历方式 * for(初始化值;循环结束条件;步长) 2. jq的遍历方式 1. jq对象.each(callback) 1. 语法： jquery对象.each(function(index,element){}); * index:就是元素在集合中的索引 * element：就是集合中的每一个元素对象 * this：集合中的每一个元素对象 2. 回调函数返回值： * true:如果当前function返回为false，则结束循环(break)。 * false:如果当前function返回为true，则结束本次循环，继续下次循环(continue) 2. $.each(object, [callback]) 3. for..of: jquery 3.0 版本之后提供的方式，of可能会报错但不影响使用 for(元素对象 of 容器对象) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(function () { //js遍历

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 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基础 - 改变CSS样式

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

订阅 jquery事件