JQuery 总结篇

jquery(入门篇)无缝滚动

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-1.7.2.min.js" type="text/javascript"></script> </head> <sty…

学到JavaScript的时候,感觉这个东西很神奇,没想到学到JQuery的时候,发现BS的世界,真的很微妙,不经意的一个方法就可以给人焕然一新的感觉,很喜欢这个阶段学的东西,但是还是感觉少于代码的训练,总是有种拿了枪不知道往哪里打的感觉.不得以在敲了一部分代码的基础上,总结了一篇JQuery全局,个人感觉JQuery全局篇大概就是下面这个样子的. 全局小结 JQuery的宗旨大家想必都知道吧,写最少的代码,达到最好的效果.还是很期待后续的实践. 感谢您的宝贵时间···…

JQuery入门篇

JQuery入门篇 jQuery选择器 “$”表示JQuery对象根据ID查找 $(‘#var’)表示将一个id值为var的DOM节点封装成一个jQuery对象,DOM节点必须以“#”开头. 例如:有<div id="var "></div>存在,使用$(‘#var’)之后会将其封装成[<div id="var "></div>],但是如果不存在id=”var”,返回的jQuery对象是[],而不是一个null或un…

jQuery事件篇---高级事件

内容提纲: 1.模拟操作 2.命名空间 3.事件委托 4.on.off 和 one 发文不易,转载请注明出处! 一．模拟操作在事件触发的时候,有时我们需要一些模拟用户行为的操作.例如:当网页加载完毕后自行点击一个按钮触发一个事件,而不是用户去点击. //点击按钮事件 $('input').click(function () { alert('我的第一次点击来自模拟!'); }); //模拟用户点击行为 $('input').trigger('click'); //可以合并两个方法 $('inp…

jQuery事件篇---事件对象

内容提纲: 1.事件对象 2.冒泡和默认行为发文不易,转载请注明出处! JavaScript 在事件处理函数中默认传递了 event 对象,也就是事件对象.但由于浏览器的兼容性,开发者总是会做兼容方面的处理.jQuery 在封装的时候,解决了这些问题,并且还创建了一些非常好用的属性和方法. 一．事件对象事件对象就是 event 对象,通过处理函数默认传递接受.之前处理函数的 e 就是 event事件对象,event 对象有很多可用的属性和方法,详见JavaScript 基础篇. 对其中的几个…

jQuery事件篇---基础事件

写在前面: 有一段时间未更新博客了,利用这段时间,重新看了<jQuery基础教程第四版>和<锋利的jQuery 第二版>,这两本书绝对是jQuery入门非常好的书,值得多读几遍,并将上面的代码逐个敲一下来体会jQuery的魅力! 利用接下来一段时间结合这两本书对jQuery基础知识做个梳理,算是读书笔记吧,方便他人,方便自己,不足之处,希望读者多多指教! 发文不易,转载注明出处! 内容摘要: 1.绑定事件 2.简写事件 3.复合事件一．绑定事件 jQuery 通过.bind()…

jquery样式篇

1.jquery: 1.1简介 jquery是一个轻量级的javascript库.版本号分1.x版本和2.x版本,2.x版本不再支持IE6 7 8,而更好的支持移动端开发. 每一个版本分为开发版和压缩版,开发版更方便查看源码和调试,压缩版体积更小,效率更快. jquery较javascript能更好的兼容不同的浏览器,写更少的代码,做更多的事. 1.2jquery对象和DOM对象 <p id="p1">例子</p> var p = document.getEl…

jQuery第二篇（帅哥）

1.1 jQuery操作DOM jQuery课程的目标:学会使用jQuery设计常见效果选择器基本选择器:#id ..class .element.* . 层级选择器: 空格.>.+.~ 基本过滤选择器::first.:last.:eq(index).:lt(index).:gt(index).:odd.:even 筛选选择器:.eq(index)..children()..parent()..siblings()..find() 动画:show.hide.fadeIn.fadeOut.fa…

jQuery第一篇（帅哥）

同学心目中的jQuery: 简单易用,功能强大,对移动端来说,体积稍大. 1.1 回顾前面学到的js我们遇到的一些痛点 window.onload 事件有个事件覆盖的问题,我们只能写一个代码容错性差浏览器兼容性问题书写很繁琐,代码量多代码很乱,各个页面到处都是动画效果,我们很难实现 1.2 jQuery解决问题解决了我们上面遇到所有问题 1.3 jQuery的基本使用 min:它是压缩过的版本区别:我们开发过程中,会用未压缩的版本,或者压缩的. 项目上线的时候,我们要用压缩过的…

jQuery初级篇（一）

知识说明: jQuery库是一个javascript库文件,它比起javascript来,写的更少,但做得更多,下面便对刚开始学习jQuery,一些基础知识整理出来,供后期翻阅. 一. jQuery库文件下载地址: 网址:http://jquery.com/download/ jQuery库文件分为压缩版(后缀:.min.js 在网页中调用)跟非压缩版(后缀:.js 供开发者学习.阅读) 注意:如果不想要下载jQuery库文件,也可以直接调用Google或Microsoft的CDN中的…

python 学习笔记十三 JQuery(进阶篇)

jQuery 是一个 JavaScript 库. jQuery 极大地简化了 JavaScript 编程. 安装jQuery 有两个版本的 jQuery 可供下载: Production version - 用于实际的网站中,已被精简和压缩. Development version - 用于测试和开发(未压缩,是可读的代码) 这两个版本都可以从jQuery.com下载. 提示:您可以把下载文件放到与页面相同的目录中,这样更方便使用. 使用jQuery:只需要导入jquery文件后,即可在下边编写…

jquery基础篇

1.jquery选择器和css选择器的关系: jquery的选择器是源于css,jquery支持css1和css2的全部和css3 的部分选择器,同时它也有少量独有的选择器. 2.常用jquery选择器:一定要注意子元素和后代元素的区别 (以及子选择器和后代选择器的区别). #id .className div(id 类标签)就不解释啦后代选择器: $("div p") 相当于 var d=$("div") var p=$("p&…

[jquery]高级篇--标签选择

1>3中初始化 $(document).ready(function(){ alert("开始了"); }); $(function(){ trace("初始化方法进入二"); }); jQuery(function($){ trace("初始化方法进入三"); }); 参考: http://www.jb51.net/article/50655.htm <script> window.onload=function(){ } &…

[jquery]高级篇--js绑定事件

参考: http://www.cnblogs.com/leejersey/p/3545372.html jQuery on()方法是官方推荐的绑定事件的一个方法.$(selector).on(event,childSelector,data,function,map)由此扩展开来的几个以前常见的方法有.bind() $("p").bind("click",function(){ alert("The paragraph was clicked."…

[jquery]基础篇--this与$this区别

参考: http://www.cnblogs.com/hannover/p/4109779.html 1.JQuery this和$(this)的区别相信很多刚接触JQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢? 首先来看看JQuery中的 $() 这个符号,实际上这个符号在JQuery中相当于JQuery(),即$(this)=jquery();也就是说,这样可以返回一个jquery对象.那么,当你在网页中alert($('#id'));时,会…

[jquery]高级篇--获取div子元素

参考: http://zhidao.baidu.com/link?url=IfeQQBn1xMLqWvwdkKbQYJ8mC6ciGi_8M1NYkm6iQ-kXBMX2f2ylN-ckzFLiynnE0nz4hBC6e5CrwaOfwLfata 参考: http://blog.sina.com.cn/s/blog_7718755501019kg5.html 实现方法:使用遍历函数children(),关键代码为 $(this).children("li"),表示获取当前元素下所有标签…

Jquery常用方法篇（一）

1.add方法:将匹配的元素添加到当前的jquery对象集合中. 语法 add(expr,[context]) 参数1表示用于匹配元素选择器(待添加的对象),或者用于动态生成的HTML代码(字符串) 参数2,可选参数,表示参数1的匹配范围. 2.jquery绑定事件那些方法: on: on(events,[selector],[data],fn)…

Jquery第二篇【选择器、DOM相关API、事件API】

前言前面已经介绍过了Jquery这门语言,其实就是一个javaScript的库-能够简化我们书写的代码-.本博文主要讲解使用Jquery定位HTML控件[定位控件就是获取HTML的标签],使用Jquery操作DOM的API 选择器 Jquery提供了九个选择器给我们用来定位HTML控件.. 目的:通过九类选择器,能定位web页面(HTML/JSP/XML)中的任何标签 (1)基本选择器直接定位id.类修修饰器.标签 (2)层次选择器有父子,兄弟关系的标签 (3)增强基本选择器大于.小于.…

Jquery第一篇【介绍Jquery、回顾JavaScript代码、JS对象与JQ对象的区别】

什么是Jquery? Jquey就是一款跨主流浏览器的JavaScript库,简化JavaScript对HTML操作就是封装了JavaScript,能够简化我们写代码的一个JavaScript库为什么要使用Jquery? 我觉得非常重要的理由就是:它能够兼容市面上主流的浏览器,我们学习AJAX就知道了,IE和FireFox获取异步对象的方式是不一样的,而Jquery能够屏蔽掉这些不兼容的东西- (1)写少代码,做多事情[write less do more] (2)免费,开源且轻量级的js库…

jquery第一篇

1 jquery是什么 <1> jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team. <2>jQuery是继prototype之后又一个优秀的Javascript框架.其宗旨是——WRITE LESS,DO MORE! <3>它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 <4>jQuery是一个快速的,简洁的javaScript库,使用…

jQuery事件篇---过滤选择器 & 表单选择器

内容提纲: 过滤选择器 1.基本过滤器 2.内容过滤器 3.可见性过滤器 4.子元素过滤器 5.其他方法表单选择器 6.常规选择器 7.表单选择器 8.表单过滤器发文不易,转载请注明出处! 过滤选择器简称:过滤器.它其实也是一种选择器,而这种选择器类似与 CSS3(http://t.mb5u.com/css3/)里的伪类,可以让不支持 CSS3 的低版本浏览器也能支持.和常规选择器一样,jQuery 为了更方便开发者使用,提供了很多独有的过滤器. 一．基本过滤器过滤器主要通过特定的过滤规则…

jquery 初篇

一.什么是jQuery对象? jQuery 对象就是通过jQuery包装DOM对象后产生的对象. jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#test”).html(); 比如: $("#test").html() 意思是指:获取ID为test的元素内的html代码.其中html()是jQuery里的方法这段代码等同于用DOM实现代码: document.getElementById(&q…

jquery验证篇

jquery验证:验证不了(包括easy ui 插件引用的js) jquery easy ui 引用的js <span style="color:#000000;"><script src="../../../script/jquery/easyui1.4/jquery.min.js" type="text/javascript"></script> <script src="../../../…

一.基础知识 1.jq的使用在script块中: 方式1:$(function(){ $("[使用选择器]").css("background-color","red"); }) 方式1(方式1的另一种表示方法):jQuery(function(){ alert…

前端之jQuery基础篇

jQuery 是一个 JavaScript 库. jQuery 极大地简化了 JavaScript 编程. jQuery 很容易学习. jQuery 安装网页中添加 jQuery 可以通过多种方法在网页中添加 jQuery. 您可以使用以下方法: 从 jquery.com 下载 jQuery 库从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery 下载 jQuery 有两个版本的 jQuery 可供下载: Production version - 用于实际的网站中,已…

前端之jQuery基础篇02-事件

什么是事件: 在元素上移动鼠标. 选取单选按钮点击元素常见的DOM事件: 鼠标事件:click() 当鼠标单击发生click事件 : <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jq…

jquery第二篇

1 操作元素(属性,css,文档处理) --------------------------属性 $("").attr(); $("").removeAttr(); $("").prop(); $("").removeProp(); attr和prop的区别: attr对自定义属性使用 prop对固有属性使用 --------------------------CSS类 $("").addClass(cl…

[javascript] jQuery系列之目录汇总

最近一个月写了些关于jQuery的文章,谢谢大家的支持.文章仅我个人观点,也许有不对的地方,请指出.这个系列还在更新中一:jQuery基础系列: jQuery温习篇---强大的JQuery选择器 jQuery之工具函数 jQuery之筛选函数 jQuery1.4.2新特性(翻译) jQuery Ajax 回顾 jQuery 1.4 版本的十五个新特性-转载二:jQuery插件系列: jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacem…

TGL站长关于常见问题的回复

问题地址: http://www.thegrouplet.com/thread-112923-1-1.html 问题: 网站配有太多的模板是否影响网站加载速度月光答复: wp不需要删除其他的模板,不影响速度问题地址: http://www.thegrouplet.com/thread-112926-1-1.html 问题: 除了WORDPRESS大家还用什么其他的博客程序额? 月光答复: Typecho这种虽然简单,但是如果你有特殊需要,找插件和模板就难多了各有各的好 ... 问题地址:…