注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

薛沛然 廊坊师范学院 九期信息技术提高班

无脑地生活,像白痴一样成长,不给自己留感伤的时间。。。

 
 
 

日志

 
 

jquery  

2014-03-13 22:57:57|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

最近花了不短的时间学习了jquery现在做个大概的总结。

Jqueryprototype之后又一个优秀的Javascript框架。因为是轻量级js库,所以jquery文件的内容极小,压缩后甚至只有数十k。别看它小,功能可不少。兼容css3,各种浏览器,还能非常方便地使用$函数来使用各种dom对象,事件和ajax效果。

在学习的过程中,我大概翻了一下帮助文档,帮助自己学习。

jquery - 薛沛然 - 薛沛然 廊坊师范学院 九期信息技术提高班

 1选择器

主要目的是抓取元素。

例如:

$("p") 选取全部 <p> 元素。

$("p.intro") 选取所有包含class"intro" <p> 元素。

$("#demo") 选取 id"demo" 的元素。

2属性

主要目的是设置抓取的元素的值等。

例如:

$("img").attr("src");

$("img").attr("title", function() { return this.src });

3筛选

主要目的同样是抓取元素,只不过可以抓取多个元素

$("span").parents()

$("div:last").prevAll().addClass("before");

4文档处理

用于增加元素节点,删除元素节点等

$("p").append("<b>Hello</b>");

$("p").empty();

5css实现一些css效果

var p = $("p:first");

$("p:last").text( "scrollLeft:" + p.scrollLeft() );

6事件

用于为元素添加事件

$("button").mousedown(function(){

  $("p").slideToggle();

});

7实现一些特殊的效果

$("p").hide("slow");

$('#foo').slideUp(300).delay(800).fadeIn(400);

8ajax处理与http请求有关的东西

$.post("test.php", function(data){

   alert("Data Loaded: " + data);

 });

其实如果再次分类,可以将上图简化一下

 jquery - 薛沛然 - 薛沛然 廊坊师范学院 九期信息技术提高班

 不明白的地方:
1现今应该是面向对象语言的天下,为什么非面向对象语言的javasript会如此流行?
2jquery api文档中的demo相对简单,如果想获得一些相对复杂的效果该去哪找资料?



  评论这张
 
阅读(102)| 评论(14)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017