jquery事件 | 易学教程

jQuery

阅读更多关于 jQuery

表单筛选器 :text :password :file :radio :checkbox :submit :reset :button 例子： $(":checkbox") // 找到所有的checkbox 表单对象属性: :enabled :disabled :checked :selected 例子：找到可用的input标签 <form> <input name="email" disabled="disabled" /> <input name="id" /> </form> $("input:enabled") // 找到可用的input标签找到被选中的option： <select id="s1"> <option value="beijing">北京市</option> <option value="shanghai">上海市</option> <option selected value="guangzhou">广州市</option> <option value="shenzhen">深圳市</option> </select> $(":selected") // 找到所有被选中的option 链式操作：每一步的jQuery操作，返回的都是一个jQuery对象，所以不同操作可以连在一起。筛选器方法下一个元素： $("#id").next()　

jquery拓展插件开发

阅读更多关于 jquery拓展插件开发

学习参考网址整理： http://blog.csdn.net/chenxi1025/article/details/52222327 http://www.cnblogs.com/ellisonDon/archive/2012/08/12/2634503.html jquery插件的开发包括两种： 1、类级别插件开发：给jquery类添加类方法，可理解为添加静态方法；例如$.AjAX()函数； //定义全局函数 $.foo = function(){}; $.bar = function(){}; //$.foo();$bar(); //使用extend定义全局函数 $.extend({ 　　foo : function(){ }, 　　bar : function(){ } }); //$.foo();$bar(); //使用命名空间定义全局函数 $.plugin = { 　　foo : function(){ } } //接受参数控制插件的行为 (function($){ 　　$.popShow = function(options){ 　　var default = { 　　id : "", 　　url : "", 　　title : "" }; 　　var settings = $.extend({},default,options);/

jQuery基础知识

阅读更多关于 jQuery基础知识

表单筛选器 :text :password :file :radio :checkbox :submit :reset :button 例子: $(':checkbox') // 找到所有的checkbox 表单对象属性: :enabled :disabled :checked :selected 例子: 找到可用的input标签 <form> <input name="email" disabled="disabled" /> <input name="id" /> </form> $("input:enabled") // 找到可用的input标签找到被选中的option: <select id="s1"> <option value="beijing">北京市</option> <option value="shanghai">上海市</option> <option selected value="guangzhou">广州市</option> <option value="shenzhen">深圳市</option> </select> $(":selected") // 找到所有被选中的optio 筛选器方法下一个元素: $("#id").next() $("#id").nextAll() $("#id").nextUntil("#i2") 上一个元素: $("

Day49 前端知识之jQuery

阅读更多关于 Day49 前端知识之jQuery

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

JQuery基础

阅读更多关于 JQuery基础

JQuery官方网站 http://jquery.com/ 1 、 JQuery 概念 A、Jquery是一个优秀的Javascript框架。它是轻量级的js库，它兼容CSS3，还兼容各种浏览器，jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。 B、JavaScript的缺点:控件的操作方式不统一，不同浏览器容易出观兼容问题。为了简化操作，出现了许多对JavaScript封装的函数库比如Prototype、JQuery等。 C、JQuery的优点:小巧、方便、功能强大。插件丰富、开源、免费。 D、VS在VS2010中已经实现自动完成功能，VS2008需要安装VSSP1补丁和VS90SP1-KB958502-X86补丁才能更好的支持，然后引用jquery-1.4.1.js，jquery-1.4.1-vsdoc.js放在同目录下，VS2008中才会有自动提示和自动完成功能。 E、JQuery文件说明:

jquery监听div等元素的内容变化

阅读更多关于 jquery监听div等元素的内容变化

方法一：change事件 change事件，在元素的值发生改变时触发，适用于文本域、textarea、select 。或调用change()方法时可以监听。所以，我们可以模拟change为非表单元素监听change()事件。 1 2 <!Doctype> 3 4 <html> 5 6 <head> 7 8 <meta charset="utf-8"> 9 10 <title>change事件</title> 11 12 <style> 13 14 #container { 15 16 min-height: 120px; 17 18 border: 1px solid #aaa; 19 20 } 21 22 </style> 23 24 </head> 25 26 <body> 27 28 <div id="container"> 29 30 31 32 </div> 33 34 <button type="button" id="btn">add "aaa" for div</button> 35 36 37 38 39 40 <script src="jquery-1.11.3.js"></script> 41 42 <script> 43 44 45 46 function changes(){ 47 48 alert("changes"); 49 50 } 51 52

jQuery入门

阅读更多关于 jQuery入门

jQuery是什么说白了jQuery是一个js库当然了除了这个库之外，我们还有跟多的库，比如：Prototype、YUI、Dojo、Ext JS、移动端的zepto等目的就简洁的，快速的开发学习jQuery本质：就是学习调用这些函数（方法）。 1.jQuery的优点轻量级。核心文件才几十kb，不会影响页面加载速度。跨浏览器兼容，基本兼容了现在主流的浏览器。链式编程、隐式迭代。对事件、样式、动画支持，大大简化了DOM操作。支持插件扩展开发。有着丰富的第三方的插件，例如：树形菜单、日期控件、轮播图等。免费、开源。 2.jQuery如何使用呢？首选你要去下载在你的scrpit标签中（末尾）引入这个文件，当然了你也可以在加载的时候在页面头部引入,比如你使用windows.load.....，不过在jquer中有更好的解决方案最简单的使用 $('div').hide(),//隐藏盒子特别要说明的一点是：jQuery有一些兼容的小问题，但.....你不用去管它 3.正式的开始使用它 3.1入口函数这个就是一个人入口函数，相当于 DOMContentLoaded等待dom结构加载完再去执行js代码 // 第一种: 简单易用。 $(function () { ... // 此处是页面 DOM 加载完成的入口 }) ; // 第二种: 繁琐，但是也可以实现 $

前端 JQ事件操作

阅读更多关于前端 JQ事件操作

jq API http://jquery.cuishifeng.cn/ jq初始 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jq初始</title> </head> <body> <h1>jQuery就是js的工具库 - 一系列功能的集合体</h1> <h2>jq内部语法采用的就是原生js</h2> <h2>jq环境如何搭建 - 在需要使用jq的html中引入jquery.js即可</h2> <h2>jq就是优化了原生js鱼页面进行交互的逻辑</h2> </body>    <script src="js/jquery-3.4.1.js"></script> <script> // jQuery对象 console.log(jQuery); console.log($); console.log(Owen); console.log($('h1')); $('h1').click

[译] jQuery 3 有哪些新东西

阅读更多关于 [译] jQuery 3 有哪些新东西

转自：https://github.com/cssmagic/blog/issues/59 jQuery 的横空出世，至今已有十个年头了，而它的长盛不衰显然不是没有理由的。jQuery 提供了极为友好的接口，使得开发者们可以方便地进行 DOM 操作、发起 Ajax 请求、生成动画……不一而足。此外，与 DOM API 不同的是，jQuery 采用了 “混合模式” 。这意味着你可以在任何一个 jQuery 集合身上调用 jQuery 方法，而不用关心它到底包含了几个元素（不管是零个、一个或多个，都没问题）。在未来的几周内，jQuery 就将抵达一个重要的里程碑——正式发布 3.0 版本。jQuery 3 修复了大量的 bug，增加了新的方法，同时移除了一些接口，并修改了少量接口的行为。在这篇文章中，我将为大家重点讲解 jQuery 3 所引入的那些最重要的变化。 New Features 新增特性我们先来讨论 jQuery 3 中最重要的几个新增特性。 for...of Loop for...of 循环在 jQuery 3 中，我们可以用 for...of 循环语句来迭代一个 jQuery 集合中的所有 DOM 元素。这种新的迭代方法是 ECMAScript 2015（即 ES6）规范中的一部分。这个方法可以对 “可迭代对象”（比如 Array 、 Map 、 Set 等

从零开始学 Web 系列教程

阅读更多关于从零开始学 Web 系列教程

大家好，这里是「从零开始学 Web 系列教程」，并在下列地址同步更新…… github：https://github.com/Daotin/Web 微信公众号：前端队长博客园：http://www.cnblogs.com/lvonve/ 在这里我会从 Web 前端零基础开始，一步步学习 Web 相关的知识点，期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧！前言昨天收到一个朋友的留言反馈，意思是说文章太多，找起来很麻烦，做个索引页就好了。这个建议特别好，于是下面就是整个《从零开始学 Web 开发》所有内容的索引，并且按照知识点的分类排列好，每一篇文章的主要内容也简单的列举出来。本索引将长期不定期更新…… 索引从零开始学 Web 之 HTML 从零开始学 Web 之 HTML（一）认识前端什么是前端网页组成 Web 标准浏览器内核认识 HTML HTML 结构标准标签分类开发工具从零开始学Web之HTML（二）标签、超链接、特殊符号、列表、音乐、滚动、head等标签超链接特殊字符列表音乐标签滚动标签 head里面相关从零开始学 Web 之 HTML（三）表单表格表单标签语义化从零开始学 Web 之 CSS 从零开始学 Web 之 CSS（一）选择器 CSS概念选择器从零开始学 Web 之 CSS

订阅 jquery事件