篇一 :Jquery学习心得

1. 脚本方法外面中的jquery变量是按页面顺序加载的,所以在调用页面中DOM对象时,

要注意在此之前该元素是否已定义(基本过程中)。

2. $(#...)获得的永远时对象,即使网页上没有此元素。Js不同

JQuery判断某个元素在网页中是否存在:$(#...).length>0

4.2 JQuery中的动画

注意:jQuery中的动画方法,都可以指定以下参数

“slow”:600/”normal”:400/”fast”:200/数字;

animate()可以替代一切其他动画方法。

(1).show()和hide()

改变元素的高度、宽度、透明度直至完全显示或消失

show/hide(“slow”:600/”normal”:400/”fast”:200/数字)

(2).fadeIn()和fadeOut()

改变元素的透明度直至完全显示或消失

(3).slideDown()和slideUp()

改变元素由上至下延伸显示或由下至上隐藏

(4).自定义动画方法:animate()

(5).动画回调函数

(6).停止元素的动画stop([clearQuery][,gotoEnd])

…… …… 余下全文

篇二 :jQuery学习总结

jQuery学习总结

因为项目需要,同时也因为兴趣,在近一段时间研究和使用了jQuery,它真的是太强大了,代码非常的优雅和简洁,好后悔现在才开始了解它,虽然目前网络上关于jQuery的资料、学习心得,教程多得你看不完,但我还是想把自己的一点学习经验写下来,不管是提供给那些想学习jQuery的人,还是保留一份学习笔记,我觉得这都是很有必要的。
    在说jQuery之前,不得不提下现在也非常流行的mootools框架。在网上,很多人把mootools比作java,把jquery比作perl。我没研究过mootools,也不发表意见,这完全没有意义。只要本身不存在重大缺陷就可以了。用好了都强大。好比Java和.NET争论了这么多年,一样的道理。
    jQuery,顾名思义,也就是JavaScript和查询(Query),即是辅助开发的库。是继prototype之后又一个优秀的JavaScript框架。它如暴风雪般席卷WEB前端开发,jQuery已确定成为ASP.NET MVC和Visual Studio 2008版本中的正式组成部分,诺基亚手机平台Web Run-Time也将纳入jQuery。所以,请相信,选择jQuery是不会错的。如果你看到这里还有犹豫,那么我再说个理由,应该能打消你的最后疑虑了。20##年12月份Tiobe编程语言排行榜JavaScript升到第8名,并且在上升势头最强劲的语言中排名第3位。我在这里不是想说排行榜的话题,因为那又会引发一场说不完的争论。我的意思是,排行榜不能说明一切问题,但至少能够说明,现在用哪种语言的人多,人多则说明有活力,相应的其它各种资源也会较丰富。JavaScript脚本已经深入WEB应用之中。而作为优秀的JavaScript框架,它的前景不用怀疑。除非出现一个比jQuery更牛B,更优秀的东东。
    我不打算像写教程那样,把jQuery的基础用法都罗列出来,那会很无趣,也没意义。网上这方面的知识随便搜一下就一大堆。我准备从项目的角度出发,写出自己的感受。当然,一份API帮助文档是必不可少的,在最末尾提供了jQuery-1.2.6.chm下载,需者自取。

…… …… 余下全文

篇三 :Jquery学习心得1

Jquery学习心得

jquery 的ready 方法比 传统html中<body>中的onload或是javascript的window.onload要高效 onload是等所有资源加载完毕才显示页面

ready则是等浏览器加载完dom结构就显示页面了

onload 与jquery的ready重要区别:

若重复对onload赋值,最后的值会把前面onload的值给覆盖 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title>

…… …… 余下全文

篇四 :jquery心得、技巧、总结

Jquery

1         . 开始:
$(document).ready(function() {}); 可缩写成:$(function(){});

选择器:引号中可以有多个一起选择
$(“#id”)要求id唯一
$(“.class”) class名对应的元素
$(“HTML标签”)所有标签元素对象
$(“*”)所有元素
$(“a b”)a元素下的所有子孙b元素
$(“a>b”)a元素下的所有子b元素
$(“a+b”)a元素后的下一个b元素 等价于 $(“a”).next(“b”);
$(“a~b”)a元素后的所有b元素 等价于 $(“a”).nextAll(“b”);
$(“#a”).siblings(“div”)#a元素的所有同辈div元素

过滤选择器:
:first 第一个元素
:last 最后一个元素
:not(selector) 除selector选择器对应的之外的所有元素
:even 索引为偶数的所有元素(索引从0开始)
 dd 索引为奇数的所有元素
:eq(index) 索引等于index的元素
:gt(index) 索引大于index的元素
:lt(index) 索引小于index的元素
:header 所有标题元素(h1~h6)
:animated 正在执行动画的所有元素
:contains(text) 含有文本内容为text的元素
:empty 不包含子元素或文本的空元素
:has(selector) 含有selector选择器所匹配的元素的元素
:parent 含有子元素或者文本的元素
:hidden 所有不可见元素
:visible 所有可见元素

…… …… 余下全文

篇五 :jquery学习总结

 
 

一、选择网页元素

  jQuery的基本设计和主要用法,就是"选择某个网页元素,然后对其进行某种操作"。这是它区别于其他函数库的根本特点。
  使用jQuery的第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素。

选择表达式可以是CSS选择器:

 $(document)//选择整个文档对象  
 $('#myId')//选择ID为myId的网页元素  
 $('div.myClass')//选择class为myClass的div元素  
 $('input[name=first]')//选择name属性等于first的input元素 

也可以是jQuery特有的表达式:

 $('a:first')//选择网页中第一个a元素  
 $('tr:odd')//选择表格的奇数行  
 $('#myForm :input')//选择表单中的input元素  
 $('div:visible') //选择可见的div元素  
 $('div:gt(2)')//选择所有的div元素,除了前三个  
 $('div:animated')//选择当前处于动画状态的div元素  
  
 二、改变结果集
  如果选中多个元素,jQuery提供过滤器,可以缩小结果集:

…… …… 余下全文

篇六 :jQuery学习总结

jQuery学习总结

什么是jQuery?

jQuery是继prototype之后又一个优秀的Javascript框架。它是轻量级的js库,兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。

jQuery学习资料

作为初学者,我在学习jQuery时,主要阅读了《jQuery基础教程》这本书,这本书确实很不错,作者写的很详实,译者的翻译也很到位,是入门jQuery的很好的教程。然后就是在开发中参考jQuery的API,API中的例子很有参考价值,这让我们新手都能很快的掌握一种比较流行的技术。这里为大家提供了上面所说的两种参考资料,请见附件。

jQuery的选择器

…… …… 余下全文

篇七 :jquery总结学习资料JQuery总结

一、简介

1.1、概述

随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度。

jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 John Resig 于 2006 年初创建的,它有助于简化 JavaScript? 以及Ajax 编程。有人使用这样的一比喻来比较prototype和jQuery:prototype就像Java,而jQuery就像ruby. 它是一个简洁快速灵活的JavaScript框架,它能让你在你的网页上简单的操作文档、处理事件、实现特效并为Web页面添加Ajax交互。

它具有如下一些特点:

1、代码简练、语义易懂、学习快速、文档丰富。

2、jQuery是一个轻量级的脚本,其代码非常小巧,最新版的JavaScript包只有20K左右。

…… …… 余下全文

篇八 :jquery学习总结

jQuery学习笔记

一、jQuery的概述

jQuery是一个简洁快速的JavaScript库,它能让你在你的网页上简单的操作文档、处理事件、运行动画效果或者添加Ajax交互。jQuery的设计会改变你写JavaScript代码的方式。jQuery是一个轻量级的脚本,其代码非常小巧,JavaScript包只有20K左右,支持CSS1-CSS3,以及基本的xPath,并跨浏览器。

二、使用方法

在需要使用jQuery的页面中引入jQuery的js文件即可。例如:<script type="text/javascript" src="js/jquery.js"></script>,引入之后便可在页面的任意地方使用jQuery提供的语法。

三、语法总结和注意事项

1、关于页面元素的引用

通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。

2、jQuery对象与dom对象的转换

…… …… 余下全文