锋利的jQuery学习总结

【锋利的jQuery学习总结】的更多相关文章

锋利的jQuery学习总结

通过对<锋利的jQuery>(第二版)一书的学习,发现此书讲解通俗易懂,是学习jQuery的一本很好的指导书,特作如下总结.此书主要讲解了jQuery的常用操作,包括认识jQuery,jQuery选择器,jQuery中的DOM操作,jQuery中的事件和动画,jQuery对表单.表格的操作及更多应用,jQuery与Ajax的应用等. 第一章认识jQuery jQuery强调的理念是写得少,做得多(write less,do more),其具有链式操作方式.隐式迭代.行为层和结构层的分离等诸多…

锋利的JQuery 学习笔记

第一章认识JQuery ·页面加载事件(可以写多个ready())$(document).ready(function(){alert(“hello world”);}) ·链式操作:JQuery允许你在一句代码中操做任何与其相关联的元素,包括其子元素.父元素等//选择名称为myDiv的元素,为其自身添加css1的样式,然后再选择其所有子元素a,为其移除css2样式$(“#myDiv”).addClass(“css1″).children(“a”).removeC…

锋利的jquery学习笔记

1.$("#tt")获取的永远都是一个jquery对象,所以要判断页面上是否存在某个对象不能像js中 if($("#tt")){ } 而是通过: ){ } ps:当页面中不存在id为tt的元素时,jQuery不会报错,而js中会报错 2. jQuery层选择器$("ancestor descendant")和$("parent>child") <div>This is <strong>very&l…

锋利的JQuery学习之JQuery中的事件

一.加载DOM 在页面加载完毕之后,浏览器会通过javascript为dom元素添加事件,在常规的javascript中使用window.onload方法,而在jQuery中使用的是$(document).ready();方法.此方法替代javascript中的window.onload()方法,可以极大地提高web应用程序的响应速度.通过该方法可以在dom就绪时就对其进行操作并调用为其绑定的事件. 区别: 1.执行时机 window.onload():网页中所有元素都加载到浏览器之后才能对其进…

锋利的jQuery学习笔记之jQuery选择器

在介绍jQuery选择器之前,先简单介绍一下CSS选择器---> 一.CSS选择器常见的CSS选择器有以下几种: 选择器语法描述示例标签选择器 E{CSS规则} 以文档元素为选择符 td{font-size:10px;} a{tetx-decoration:none;} ID选择器 #ID{CSS规则} 以文档元素的唯一标示ID为选择符 #node{corlor:red;} 类选择器 .className{CSS规则} 以文档元素的class作为选择符 div.node{backgro…

锋利的jQuery（第二版）学习总结

通过对<锋利的jQuery>(第二版)一书的学习,发现此书讲解通俗易懂,是学习jQuery的一本很好的指导书,特作如下总结. 此书主要讲解了jQuery的常用操作,包括认识jQuery,jQuery选择器,jQuery中的DOM操作,jQuery中的事件和动画,jQuery对表单.表格的操作及更多应用,jQuery与Ajax的应用等. 第一章认识jQuery jQuery强调的理念是写得少,做得多(write less,do more),其具有链式操作方式.隐式迭代.行为层和结构层的分离等诸…

《锋利的jQuery》学习总结

通过对<锋利的jQuery>(第二版)一书的学习,发现此书讲解通俗易懂,是学习jQuery的一本很好的指导书,特作如下总结.此书主要讲解了jQuery的常用操作,包括认识jQuery,jQuery选择器,jQuery中的DOM操作,jQuery中的事件和动画,jQuery对表单.表格的操作及更多应用,jQuery与Ajax的应用等. 第一章认识jQuery jQuery强调的理念是写得少,做得多(write less,do more),其具有链式操作方式.隐式迭代.行为层和结构层的分离等诸多…

jQuery学习之路（1）-选择器

▓▓▓▓▓▓ 大致介绍终于开始了我的jQuery学习之路!感觉不能再拖了,要边学习原生JavaScript边学习jQuery jQuery是什么? jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优…

jQuery学习之：Validation表单验证插件

http://polaris.blog.51cto.com/1146394/258781/ 最近由于公司决定使用AJAX + Struts2来重构项目,让我仔细研究一下这两个,然后集中给同事讲讲,让每个人都能够有所掌握,慢慢会用.于是,自己便开始学习…… 由于Struts2自己早就学过,因而不需要花多少时间.而AJAX之前没怎么用过.现在AJAX框架如此之多,选择哪一个呢?开始打算选择 dojo,但是看了一点后,发现蛮复杂的.在之前有学过一点点jQuery,而网上也说jQuery很强大而且很容易…

【jQuery基础学习】12 jQuery学习感想

学习完<锋利的jQuery>,用时13天. 这期间,私底下又用了一点时间去W3C上把HTML和CSS重新过了一遍. 总的来说,收获还是蛮多的. 其实在本书里面真正重要的也就前几章,后面的都是一些插件什么的.这些W3C上面都有. 当然我自己感觉第11章,也就是jQuery的简单性能优化,虽然少了点,但这才算值得我去买一本实体书.(然而我百度了一下,貌似网上也有这样的优化,而且更多点) 好吧,小菜鸡到这里谈论大神的书,好像有点不合适,就当作胡咧咧吧. 毕竟买了本书确实起到了至关重要的作用保护了我…

大量Javascript/JQuery学习教程电子书合集

［推荐分享］大量Javascript/JQuery学习教程电子书合集,送给有需要的人不收藏是你的错^_^. 经证实,均可免费下载. 资源名称资源大小 15天学会jQuery(完整版).pdf 274.79 KB 21天学通JavaScript(第2版)-顾宁燕扫描版.pdf 26.02 MB 5天驾驭JQuery教程.pdf 1.08 MB ACCP软件开发初级程序员-使用Javascript增强交互效果-北大青鸟.pdf 51.70 MB Ajax+PHP程序设计实…

［推荐分享］大量Javascript/JQuery学习教程电子书合集，送给有需要的人

不收藏是你的错^_^. 经证实,均可免费下载. 资源名称资源大小 15天学会jQuery(完整版).pdf 274.79 KB 21天学通JavaScript(第2版)-顾宁燕扫描版.pdf 26.02 MB 5天驾驭JQuery教程.pdf 1.08 MB ACCP软件开发初级程序员-使用Javascript增强交互效果-北大青鸟.pdf 51.70 MB Ajax+PHP程序设计实战详解.pdf 84.29 MB Ajax实战中文版.pdf 2.48 MB Aj…

jQuery 学习笔记：jQuery 代码结构

jQuery 学习笔记:jQuery 代码结构这是我学习 jQuery 过程中整理的笔记,这一部分主要包括 jQuery 的代码最外层的结构,写出来整理自己的学习成果,有错误欢迎指出. jQuery 的最外层 $,jQuery (function (global, factory) { "use strict"; if (typeof module === "object" && typeof module.exports === "ob…

《锋利的JQuery》读书要点笔记1——认识JQuery&&选择器

<锋利的jQuery>源码下载,包括了这本书中全部代码以及用到的CSS文件第一章认识jQuery jQuery是个Js库.首先该明确的一点是:在jQuery库中$就是jQuery的一个简写形式.来个例子: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&…

Jquery学习之路(二) 实现table样式的设定

上一篇jquery实现checkbox的全选,得到了一些朋友的建议,其中插件的定义我的确不太清楚,也闹了个笑话,有些朋友建议我去看<锋利的Jquery>,说实话正在看了.由于正在学习中,我就想把项目中经常要用的jquery效果自己写成通用方法,可以在大家的帮助下完善这些方法,也可以让不会的了解到一种做法,最后形成自己的Jquery 方法库,方便以后的使用,这些例子都是我自己写的,没有参考,所以有很多地方需要改进. 1:为什么要写这个方法在项目中,一些table都要设置样式,为了样式的美观,…

jquery学习（一）

简单的jquery学习,首先在页面引入jquery  <script src="js/jquery-1.8.3.js" type="text/javascript"></script> 首先一定要注意的是引入的路径按照案例写一个简单的DEMO <%@ page language="java" contentType="text/html; charset=UT…

JQuery学习思维导图版

常用UI资源参考资料:Jquery教程 dataTables:教程中文教程 Wizard:教程 Jquery UI demos:教程 selectmenu:教程 jquery-slider:教程 jquery-tagit:教程博文索引锋利的JQuery —— 选择器锋利的JQuery —— DOM操作锋利的JQuery —— 事件和动画锋利的JQuery —— Ajax 锋利的JQuery —— JQuery性能优化思维导图…

jQuery学习笔记(一)jQuery选择器

目录 jQuery选择器的优点基本选择器层次选择器过滤选择器表单选择器第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQuery学习笔记的专题,对jQuery的知识做一个总结,并给出部分Demo来练习,使其能够掌握jQuery的基本技能. 今天所写的内容是关于jQuery选择器. 在学习jQuery选择器之前,有必要先了解一下css选择器,首先要明确一个新手容易混淆的概念:css选择器与jQuery选择器是两个不同的概念…

jQuery 学习笔记

jQuery 学习笔记一.jQuery概述宗旨: Write Less, Do More. 基础知识: 1.符号$代替document.getElementById()函数 2.使用Css+Xpath来查询页面元素 3.适当的混用jQuery.Dom和JavaScript能够提升程序的执行效率. 如:Offset.Append.Before是jQuery的瓶颈 4.函数$()是$("document…

jQuery学习笔记（一）：入门

jQuery学习笔记(一):入门一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,…

jQuery学习笔记 - 基础知识扫盲入门篇

jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器兼容性问题实现丰富的UI纠正错误的脚本知识 2.常用的知识点 jquery的id选择器:$("#btnShow")事件绑定函数 bind()显示和隐藏函数show() hide()修改元素内部html的函数html() 仅仅凭借多浏览器支持这一特性,就足以让我们学习并使用jquery,因为…

很不错的jQuery学习资料和实例

这些都是学习Jquery很不错的资料,整理了一下,分享给大家. 希望能对大家的学习有帮助. 帕兰 Noupe带来的51个最佳jQuery教程和实例, 向大家介绍了jQuery的一些基本概念和使用的相关教程, 如果你对jQuery感兴趣, 也可以查看帕兰写的文章: 37个更加出色的jQuery插件 45个新鲜出炉的jQuery插件 50多个强大的jQuery插件应用实例 John Resig John Resig, 这位是 JQuery JavaScript脚本库的创建者, 同时也是Mozill…

[jQuery]《锋利的jQuery》插件部分总结

/** * <锋利的jQuery>插件部分总结 * * jQuery插件推荐命名:jquery.name.js * * $.fn.extend用于封装对象方法的插件 * $.extend用于封装全局函数或者选择器插件 * * * (函数表达式)(参数值);这种写法是javascript的一个立即调用的函数表达式,可参考:http://www.cnblogs.com/hihtml5/p/6208241.html */ //头部加上;是为了防止他人的不规范代码给插件压缩时带来影响 ;(functi…

jquery学习以及下载链接

jquery学习链接 http://www.w3school.com.cn/jquery/jquery_intro.asp jquery 脚本库下载链接 http://jquery.com/download/#Download_jQuery 把 jQuery 添加到您的网页如需使用 jQuery,您需要下载 jQuery 库(会在下面为您讲解),然后把它包含在希望使用的网页中. jQuery 库是一个 JavaScript 文件,您可以使用 HTML 的 <script> 标签引用它: &l…

锋利的jQuery读书笔记---选择器

前段时间入手了锋利的jQuery(第二版),想着加强下自己的js能力,可前段时间一只在熟悉Spring和Hibernate.最近抽时间开始读这本书了,随便也做了些记录. 读书的过程是边看边代码测试,所以笔记和代码也就写到一起了.下面是选择器的记录: <!DOCTYPE html> <html> <head lang="zh"> <meta charset="UTF-8"> <script type="t…

转载最佳JQuery学习网站

转载文章,原出处: http://www.gbin1.com/technology/jquery/learningjquerywebsites/ jQuery是目前最流行的 JavaScript 库.对于初学者来说,有的时候很难找到一个好的学习jQuery的网站,所以本文收集了8个很棒的 jQuery 学习网站推荐给大家. 1. Learning jQuery (http://www.learningjquery.com/) 最好的 jQuery 资源博客之一,从 jQuery 高手…

JQuery学习笔记--01

JQuery使用的话,必做的一下件事就是下载JQuery库,才可以使用下载地址:http://jquery.com/ 下面就是引用JQuery库了: <script type="text/javascript" src="jquery.js"></script> 引用进来后就是写Jquery的代码了(如果是在网页当中嵌入Jquery的代码,就得用Js标签给包含Jquery代码,这是因为Jquery这个库是用Javascript写的,用<…

jQuery学习-事件之绑定事件（三）

在上一篇<jQuery学习-事件之绑定事件(二)>我们了解了jQuery的dispatch方法,今天我们来学习下handlers 方法: handlers: function( event, handlers ) { var sel, handleObj, matches, i, handlerQueue = [], delegateCount = handlers.delegateCount, cur =…

jQuery学习-事件之绑定事件（二）

在上一篇<jQuery学习-事件之绑定事件(一)>我们了解了jQuery的add方法,今天我们来学习下dispatch方法: dispatch: function( event ) { //这里是修正event对象的属性,处理兼容性问题 event = jQuery.event.fix( event ); var i, ret, handleObj, matched, j, handlerQueue = [],//事件队列…

【锋利的jQuery】中全局事件ajaxStart、ajaxStop不执行

最近一直都在研究[锋利的jQuery],确实是一本好书,受益匪浅.但由于技术发展及版本更新等原因,里面还是有些坑需要踩的. 比如:第六章七节中提到的全局事件ajaxStart.ajaxStop照着案例敲结果并不会执行. 在查阅资料后,发现原来在jquery1.9+版本以后,ajax全局事件需绑定到document对象上才能触发. 下面是各版本不同写法: <html> <head> <meta charset="utf-8"> <style>…