Java Fanatics: JavaScript

今天学习jQuery 属性和CSS, 学了css后面做示例才看得明白属性 1.attr(key,value) 为所有匹配的元素设置一个属性值。相当于给key赋值如 $("img").attr("src","http://www.usle.cn/logo.gif"); 即意为给img元素赋予图片地址。类似这个在上一篇移除或替换链接指向中用到了此方法。 2.attr(key,fn) 类似上面，只不过fn当做函数来写，如$("img").attr("title",function(){return this.src});这个函数是将图片的链接赋给图片的title属性中。 3.attr(name) 很容易弄明白，取得第一个匹配元素的属性值，如果元素没有相应属性，则返回undefined 4.attr(properties) 光看这个看不明白，实际上是给匹配的元素批量设置很多属性。举例$("img").attr({title:"this is title",alt:"this is alt"}); 需要注意的是属性名后面跟“：”冒号，多个属性间用逗号隔开，外围包上大括号“{}”。 5.removeAttr(name) 从每一个匹配的元素中删除一个属性，如$("img").removeAttr("src")；意为移除图片的链接地址。类 1.addClass(class) 为每个匹配的元素添加指定的类名（css样式）。如$("p").addClass("p1"); 2.removeClass(class) 很容易理解，移除css样式 3.toggleClass(class) 如果存在这样css样式就删除一个样式，或者不存在的话就添加一个样式。 $("p").toggleClass("p1");意为为没有类名p1的css样式的p元素添加p1样式，对有p1样式的pf元素，删除它的p1 css样式。 HTML 1.html() 取得第一个匹配元素的html内容，用法如 $("div").html(); 2.html(val) 设置每一个匹配元素的html内容, $("div").html(“hello,world”); 给匹配的div元素设置内容为hello,world 。原有的会被清除。文本 1.text() 取得所有匹配元素的内容。就好比提取出纯文本一样。用法同上述html。 2.text(val) 类似html(val) ,但将编码 HTML （这句没看明白，反正和html差不多）值 1.val() 获得第一个匹配元素的当前值。用法也如 $("input").val(); 2.val(val) 为匹配的元素赋值 check,select,radio等都能使用为之赋值用法如 $("input").val("hello") ，类似$("input").attr("value","hi"); 3.赋多个值用法如 $("input").val(["check2", "radio1"]); 意为给 check2 radio1 这两项同时赋上值，即同时选择上复选框值为check2的和单选值为radio1的。转自：http://www.usle.cn/blog/article.asp?id=829

jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team. jQuery是继prototype之后又一个优秀的Javascrīpt框架。其经典的Slogan是“Write Less, Do more”(写更少的代码,做更多的事情)。jQuery是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。

jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。

全世界的JS高手都在为jQuery开发着各种jQuery插件, 在帕兰映像之前的文章里面, 也介绍过很多关于JQeury插件的文章:

另位在本站有关设计开发的几篇热门搜索文章里面, 也总能看到jQuery的踪影.

这两天又看到一篇收集jQuery插件的文章, 出自kollermedia, 收集了200多个jQuery插件. 虽然是比较早期的文章, 但对设计开发人员来说还是非常有用的.

转自：http://cn.73it.cn/?p=22

Java Fanatics

【转】jquery对DOM的属性操作

【转】200个JQuery插件

文件上传类jQuery插件

表单验证类jQuery插件

表单选择框类jQuery插件

表单基本、输入框、选择框等jQuery插件

时间、日期和颜色选取类jQuery插件

投票类jQuery插件

搜索类jQuery插件

jQuery编辑器插件

多媒体、视频、Flash等类jQuery插件

图片类jQuery插件

Google地图类jQuery插件应用

游戏类jQuery插件

表格,网格类jQuery插件

统计类jQuery插件

边框、圆角、背景类jQuery插件

文字和超链接类jQuery插件

文本提示类jQuery插件

菜单和导航类jQuery插件

幻灯片、手风琴特效类jQuery插件

拖放类jQuery插件

XML XSL JSON Feeds相关jQuery插件

浏览器

警告, 提示, 确认等对话框

CSS

DOM、AJAX和其它JQuery插件

Syntax Highlighter

博客归档

标签

张学友-莫等待

友情链接

我的简介

关注者