jQuery
文章平均质量分 75
liuyueyi1995
北邮人
展开
-
jQuery学习笔记(8)——插件进阶
jQuery插件进阶之前看书写过jQuery插件的内容,但是实际使用和看大神的代码的过程中,才发现jQuery插件的博大精深。原创 2016-11-29 00:05:04 · 304 阅读 · 0 评论 -
jQuery学习笔记(0)
出于兴趣,最近在自学jQuery,主要是看《jQuery实战》和W3School的入门教程。在这里把学习时做的笔记发出来和大家分享,也算是对知识的一个梳理。本人才刚入门,经验不足,如果有误,还希望得到各位大神的指点。和原生js相比,jQuery将行为和结构区分更明显,就好比CSS将样式与结构区分开,这样既便于阅读,也便于日后的修改。jQuery不是一种新的语言,而是一个JavaSc原创 2016-09-08 22:41:53 · 251 阅读 · 0 评论 -
jQuery学习笔记(1)——基本语法
jQuery语法jQuery的语句通常都是如下的结构:$(selector).action()解释:$:可以理解为标识符,$(selector).action()与jQuery(selector).action()是一个意思selector:类似于CSS的选择器,用于选择jQuery所操作的HTML结构,可以通过类、id、属性等筛选出要操作的部分action():执行对HT原创 2016-09-09 22:15:07 · 399 阅读 · 0 评论 -
jQuery学习笔记(2)——包装器
jQuery选择器使用CSS选择器来选取HTML元素$("p") 选取 元素。$("p.intro") 选取所有 class="intro" 的 元素。$("p#demo") 选取所有 id="demo" 的 元素。jQuery属性选择器使用 XPath 表达式来选择带有给定属性的元素。$("[href]") 选取所有带有 href 属性的元素。$("[h原创 2016-09-09 23:38:46 · 845 阅读 · 0 评论 -
jQuery学习笔记(3)——事件处理
jQuery事件处理jQuery事件处理方法是jQuery的核心函数。 事件处理程序也就是其他GUI处理中的监听器,是指当HTML中发生某些事件(单击、双击、鼠标悬停等)时所调用的方法。 通常会把jQuery代码放在<head>部分的事件处理方法中。事件模型首先,要了解浏览器是怎样实现事件模型的。DOM第0级事件模型事件处理程序是通过把函数实例的引用指派到DOM元素的属性而声明的。定义这些属性用原创 2016-09-16 18:17:28 · 421 阅读 · 0 评论 -
jQuery学习笔记(7)——AJAX
AJAXAJAX概述创建XHR实例XHR即XMLHttpRequest。 标准方法是通过JavaScript的XHR对象发起异步请求,而IE浏览器专有办法是使用ActiveX控件。一旦创建,用于设置、发起和响应请求的代码就是相对的独立与浏览器的,并且创建XHR实例对于任何特定的浏览器都很简便。但是不同的浏览器实现方法不同,所以创建方法也不同。var xhr;if (window.XMLHttpR原创 2016-09-30 19:44:32 · 517 阅读 · 0 评论 -
jQuery学习笔记(6)——自定义插件
自定义插件来扩展jQuery扩展的原则扩展的准则就是遵循jQuery的模式,使得整个网站的代码风格一致。 扩展jQuery有两种形式:在$上直接定义的实用工具函数对jQuery包装集进行操作的方法避免命名冲突命名格式文件名一jquery为前缀前缀后接插件名文件名以.js结尾例如:jquery.example.js有时候,还需要加更多的前缀标记。 一方面便于标识,另一方面也防止和其他原创 2016-09-20 01:45:06 · 420 阅读 · 0 评论 -
jQuery学习笔记(5)——实用工具函数
jQuery实用工具函数通常来说,实用工具函数要么操作除DOM元素以外的JavaScript对象,要么执行一些非对象的操作。 实用工具函数是较低级别的操作,通常不如jQuery命令简便,这些函数更适合用于编写命令及其他扩展插件,而不是在页面级别的代码里使用。利用jQuery标志定义在$的变量提供了检测当前浏览器的功能。 为公共用途而设立的jQuery标志有:$.browser$.boxMod原创 2016-09-19 23:34:48 · 537 阅读 · 0 评论 -
jQuery学习笔记(4)——动画效果
jQuery动画效果jQuery提供了较为丰富和简单的动画效果,但是效果是为了可用性服务的,如果简单的堆砌效果,往往适得其反。jQuery的动画效果:隐藏/显示淡入/淡出滑动自定义动画显示和隐藏相关命令show()用于显示包装集里的元素 hide()用于隐藏包装集里的元素 原理是修改style属性的display值,none表示隐藏。 实际使用中,在初始化的时候,不要利用元素的sty原创 2016-09-16 21:53:38 · 523 阅读 · 0 评论