标签：jquery的一点点认识

概述

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。
jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。如今，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。
jQuery是免费、开源的，使用MIT许可协议。jQuery的语法设计可以使开发者更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外，jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
jQuery，顾名思议，也就是JavaScript和查询（Query），即是辅助JavaScript开发的库。

CSS

css(name|pro|[,val|fn])

访问匹配元素的样式属性。

取得第一个段落的color样式属性的值。

jQuery 代码：

$("p").css("color");

将所有段落的字体颜色设为红色并且背景为蓝色。

jQuery 代码：

$("p").css({ color: "#ff0011", background: "blue" });

将所有段落字体设为红色

jQuery 代码：

$("p").css("color","red");

offset([coordinates])

获取匹配元素在当前视口的相对偏移。

返回的对象包含两个整型属性：top 和 left。此方法只对可见元素有效。

获取第二段的偏移

HTML 代码：

<p>Hello</p><p>2nd Paragraph</p>

jQuery 代码：

var p = $("p:last");
var offset = p.offset();
p.html( "left: " + offset.left + ", top: " + offset.top );

结果 ：

<p>Hello</p><p>left: 0, top: 35</p>

获取第二段的偏移

HTML 代码：

<p>Hello</p><p>2nd Paragraph</p>

jQuery 代码：

$("p:last").offset({ top: 10, left: 30 });

jQuery.parseJSON(json)

接受一个JSON字符串，返回解析后的对象。

传入一个畸形的JSON字符串会抛出一个异常。比如下面的都是畸形的JSON字符串：

解析一个JSON字符串

jQuery 代码：

var obj = jQuery.parseJSON('{"name":"John"}');
alert( obj.name === "John" );

jQuery.type(obj)

检测obj的数据类型。

以下obj的类型如下：

jQuery.type(true) === "boolean"
jQuery.type(3) === "number"
jQuery.type("test") === "string"
jQuery.type(function(){}) === "function"
jQuery.type([]) === "array"
jQuery.type(new Date()) === "date"
jQuery.type(/test/) === "regexp"

总结

这篇主要讲解了，对jquery中CSS的一点点认识

jquery的一点点认识

标签：jquery的一点点认识

原文地址：http://blog.csdn.net/hr1187362408/article/details/46790465