jquery事件

以前的开发都是随意的，没有思考我所用过的知识之间到底有什么区别和联系，现在我需要好好的看看和想想他们的区别与联系，特别是现在正在学习angularjs，之前没使用过，等我把angularjs学习之后再来写一次博客。 1.js是一门语言。JS决定网页行为，html内容，css布局样式 2.Ajax是一门技术。AJAX即“Asynchronous JavaScript and XML”（异步JavaScript和XML)，本质上是通过javascript与后台语言交互，ajax是javascript的一个应用方向，主要是通过javascript异步访问服务器端的数据（通常是XML数据或Json数据），来实现无刷新更新页面内容，或提交信息。如果用jquery会很容易实现ajax。 3.Jquery是一个js框架(代码库)。jquery中有对ajax的实现。而且使用起来非常方便。也就是有人做好了很多功能，直接拿来用。比如实现Ajax。纯javascript，你可能需要些好多函数，来新建对象，捕捉事件，处理异常等。但用jQuery，你只要按规则调用一个方法就行。当然，jQuery还有很多其他功能，详见jquery手册。 4.Bootstrap，是目前受欢迎的前端框架，基于HTML、CSS、js开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷

一.摘要 本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习. 二.前言 通过前面几章我们已经能够完全控制jQuery包装集了, 无论是通过选择器选取对象, 或者从包装集中删除,过滤元素. 本章将讲解如何使用jQuery获取和修改元素属性和样式. 三. 区分DOM属性和元素属性 一个img标签: <img src="images/image.1.jpg" id="hibiscus" alt="Hibiscus" class="classA" /> 通常开发人员习惯将id, src, alt等叫做这个元素的"属性". 我将其称为"元素属性". 但是在解析成DOM对象时, 实际浏览器最后会将标签元素解析成"DOM对象", 并且将元素的"元素属性"存储为"DOM属性". 两者是有区别的. 虽然我们设置了元素的src是相对路径:images/image.1.jpg 但是在"DOM属性"中都会转换成绝对路径: http://localhost/images/image.1.jpg . 甚至有些"元素属性"和"DOM属性"的名称都不一样,比如上面的元素属性class, 转换为DOM属性后对应className. 牢记, 在javascript中我们可以直接获取或设置"DOM属性": <script type="text

Require.js中使用jQuery 插件请查看 http://www.css88.com/archives/4826 扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。这篇文章将概述jQuery插件开发的基本知识，最佳做法和常见的陷阱。 入门 编写一个jQuery插件开始于给jQuery.fn加入​​新的功能属性，此处添加的对象属性的名称就是你插件的名称： jQuery . fn . myPlugin = function (){ //你自己的插件代码 }; 用户非常喜欢的$符号哪里去了？ 它仍然存在，但是，为了避免和其他JavaScript库冲突，我们最好将jQuery传递给一个自我执行的封闭程序，jQuery在此程序中映射为$符号，这样可以避免$号被其他库覆写。 ( function ( $ ) { $ . fn . m ​​ yPlugin = function () { //你自己的插件代码 }; })( jQuery ); 在这个封闭程序中，我们可以无限制的使用$符号来表示jQuery函数。 环境 现在，我们可以开始编写实际的插件代码。 但是，在这之前，我们必须得对插件所处的环境有个概念。 在插件的范围里， this关键字代表了这个插件将要执行的jQuery对象， 这里容易产生一个普遍的误区，因为在其他包含callback的jQuery函数中

扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。这篇文章将概述jQuery插件开发的基本知识，最佳做法和常见的陷阱。 一、入门 编写一个jQuery插件开始于给jQuery.fn加入​​新的功能属性，此处添加的对象属性的名称就是你插件的名称： 复制代码 代码如下: jQuery.fn.myPlugin = function(){ //你自己的插件代码 }; 用户非常喜欢的$符号哪里去了？ 它仍然存在，但是，为了避免和其他JavaScript库冲突，我们最好将jQuery传递给一个自我执行的封闭程序，jQuery在此程序中映射为$符号，这样可以避免$号被其他库覆写。 复制代码 代码如下: (function ($) { $.fn.m​​yPlugin = function () { //你自己的插件代码 }; })(jQuery); 在这个封闭程序中，我们可以无限制的使用$符号来表示jQuery函数。 二、环境 现在，我们可以开始编写实际的插件代码。 但是，在这之前，我们必须得对插件所处的环境有个概念。 在插件的范围里， this关键字代表了这个插件将要执行的jQuery对象， 这里容易产生一个普遍的误区，因为在其他包含callback的jQuery函数中，this关键字代表了原生的DOM元素。这常常会导致开发者误将this关键字无谓的包在jQuery中

扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。这篇文章将概述jQuery插件开发的基本知识，最佳做法和常见的陷阱。 一、入门 编写一个jQuery插件开始于给jQuery.fn加入​​新的功能属性，此处添加的对象属性的名称就是你插件的名称： . 代码如下: jQuery.fn.myPlugin = function(){ //你自己的插件代码 }; 用户非常喜欢的$符号哪里去了？ 它仍然存在，但是，为了避免和其他JavaScript库冲突，我们最好将jQuery传递给一个自我执行的封闭程序，jQuery在此程序中映射为$符号，这样可以避免$号被其他库覆写。 . 代码如下: (function ($) { $.fn.m​​yPlugin = function () { //你自己的插件代码 }; })(jQuery); 在这个封闭程序中，我们可以无限制的使用$符号来表示jQuery函数。 二、环境 现在，我们可以开始编写实际的插件代码。 但是，在这之前，我们必须得对插件所处的环境有个概念。 在插件的范围里， this关键字代表了这个插件将要执行的jQuery对象， 这里容易产生一个普遍的误区，因为在其他包含callback的jQuery函数中，this关键字代表了原生的DOM元素。这常常会导致开发者误将this关键字无谓的包在jQuery中，如下所示。 .

扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。这篇文章将概述jQuery插件开发的基本知识，最佳做法和常见的陷阱。 一、入门 编写一个jQuery插件开始于给jQuery.fn加入​​新的功能属性，此处添加的对象属性的名称就是你插件的名称： . 代码如下: jQuery.fn.myPlugin = function(){ //你自己的插件代码 }; 用户非常喜欢的$符号哪里去了？ 它仍然存在，但是，为了避免和其他JavaScript库冲突，我们最好将jQuery传递给一个自我执行的封闭程序，jQuery在此程序中映射为$符号，这样可以避免$号被其他库覆写。 . 代码如下: (function ($) { $.fn.m​​yPlugin = function () { //你自己的插件代码 }; })(jQuery); 在这个封闭程序中，我们可以无限制的使用$符号来表示jQuery函数。 二、环境 现在，我们可以开始编写实际的插件代码。 但是，在这之前，我们必须得对插件所处的环境有个概念。 在插件的范围里， this关键字代表了这个插件将要执行的jQuery对象， 这里容易产生一个普遍的误区，因为在其他包含callback的jQuery函数中，this关键字代表了原生的DOM元素。这常常会导致开发者误将this关键字无谓的包在jQuery中，如下所示。 .

1、事件 $(selector).click(function):将函数绑定到被选元素的点击事件中 $(selector).dbclick(function);将函数绑定到被选元素的双击事件中 $(selector).focus(function)：将函数绑定到被选元素的获到焦点事件中 $(selector).mouseover(function)将函数绑定到被选的鼠标悬停事件中 2、语法 $(this).hide：隐藏当前元素 $(“p”).hide ：隐藏所有的段落 $(".test").hide ：隐藏所有class=“test’的元素 $("#test").hide：隐藏所有id=test的元素 3、toggle方法 JQuery中的toggle()方法，相当于点一个元素时，重复循环两个函数，而这两个函数可以作为toggle()函数的两个参数传进去，当第一次点击的时候会执行前面的参数，而第二次点击时执行的是后面的参数，第三次点击时又会重新执行第一个参数...这样循环执行两个函数。 $("#btn").toggle(function(){ //控制box隐藏 $("#box").hide(); },function(){ //控制box显示 $("#box").show(); }); jQuery1.9以上版本都删除了这个toggle时间,可以在js代码中加入以下代码

jQuery事件 jquery是为事件处理而设计的 什么是事件? 页面对不同访问者的相应叫做事件。 事件处理程序指的是html中发生某些事件所调用的方法 实例: 在元素上移动鼠标 选取单选按钮 点击元素 触发:产生事件的过程，比如点击按钮 常见的dom事件 鼠标事件 键盘事件 表单事件 文档/窗口事件 click keypress submit load dblclick keydown change resize mouseenter keyup focus scroll mouseleave blur unload hover jQuery中事件以及语法 在jquery中，大多数dom事件都有一个等效的方法 页面中指定一个点击事件 $("p").click();//指定一个点击事件 //定义触发后的事件 $("p").click( function(){ //动作触发后执行的代码 } ) 常见jQuery中事件以及方法 $(document).ready() $(doucument).ready()方法允许我们在文档完全加载后执行函数) click() click()方法是当按钮点击事件被触发会调用的一个函数，该函数在用户点击html元素的时候执行 $("p").click(function(){ $(this).hide(); }) dbclick() 当双击元素时候

第86节：Java中的JQuery 前言复习 定时器： setInterval clearInterval setTimeout clearTimeout 显示： img.style.display = "block" 隐藏： img.style.display = "none" 获取行 table.rows[] DOM: document.createElement document.createTextNode appendChild 什么是JQuery，有什么用？ jquery是一种快速，小巧，功能丰富的JavaScript库，可以让html文档遍历和操作，事件处理，动画和ajax更加容易使用的一种api，可以在多种浏览器中工作。 封装了JavaScript常用的功能代码，提供了一种简便的JavaScript设计模式，优化了HTML文档操作，事件处理，动画设计和ajax交互。 简单来说jquery是一个JavaScript库，简化了JavaScript的编程，很容易学习。 事件，ready(fn) 当dom载入就绪就可以查询及操纵时绑定的一个要执行的函数，这是事件模块中最重要的一个函数，因为它可以提高web应用程序的响应速度。 jquery代码： $().ready(function(){ }); // 导包,引入JQ的文件 <script type="text

一.jQuery下载安装 1.从 jquery.com 下载 jQuery 库（学习推荐用这种方法，可以在没有网络时使用） 2.从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery（这种方法需要网络环境），可以通过 CDN（内容分发网络） 引用它。Staticfile CDN、百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。如果你的站点用户是国内的，建议使用百度、又拍云、新浪等国内CDN地址。 二.jQuery 语法 通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行"操作"（actions） jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。 基础语法： $( selector ). action () 美元符号定义 jQuery 选择符（selector）"查询"和"查找" HTML 元素 jQuery 的 action() 执行对元素的操作 实例: $(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有 <p> 元素 $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素 $("#test").hide() - 隐藏所有 id="test" 的元素 例如： <!DOCTYPE html> <html> <head