jQuery常用方法

一．jQuery 库 - 特性
jQuery 是一个 JavaScript 函数库。
jQuery 库包含以下特性：
? HTML 元素选取 ? HTML 元素操作 ? CSS 操作 ? HTML 事件函数 ? JavaScript 特效和动画 ? HTML DOM 遍历和修改 ? AJAX ? Utilities
二．向您的页面添加 jQuery 库
jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。
可以通过下面的标记把 jQuery 添加到网页中：



请注意，

Center

North

South

East

West

$(function(){ var myLayout =$("body").layout( { applyDefaultStyles: true,//应用默认样式 scrollToBookmarkOnLoad:false,//页加载时滚动到标签 showOverflowOnHover:false,//鼠标移过显示被隐藏的，只在禁用滚动条时用。 north__closable:false,//可以被关闭 north__resizable:false,//可以改变大小 north__size:50,//pane的大小 spacing_open:8,//边框的间隙 spacing_closed:60,//关闭时边框的间隙 resizerTip:"可调整大小",//鼠标移到边框时，提示语 //resizerCursor:"resize-p" 鼠标移上的指针样式 resizerDragOpacity:0.9,//调整大小边框移动时的透明度 maskIframesOnResize:"#ifa",//在改变大小的时候，标记iframe（未通过测试）sliderTip:"显示/隐藏侧边栏",//在某个Pane隐藏后，当鼠标移到边框上显示 的提示语。 sliderCursor:"pointer",//在某个Pane隐藏后，当鼠标移到边框上时的指针样式。

高级jquery常用用法总结

0、总述 jQuery框架提供了很多方法，但大致上可以分为3大类：获取jQuery对象的方法、在jQuery对象间跳转的方法，以及获取jQuery 对象后调用的方法 其中第一步是怎样获取jQuery对象。大致来说，是通过最核心的$()方法，将页面上的元素(或者在页面上不存在的html片段)包装成jQuery对象。 $()方法里面支持的语法又包括3大类，分别是表达式(包括类表达式.，id表达式#，元素表达式等)、符号(包括后代符号space，next符号+等)、过滤器(包括:过滤器和[]过滤器)。 通过以上3种的组合，“查询”得到想要操作的元素或者元素集合，作为$()的参数，得到jQuery对象(或者jQuery对象的集合) 第二步是在jQuery对象间的跳转。也就是说，已经得到了一个jQuery对象，但是并不是想要的，那么可以通过一系列的跳转方法，比如parent()、next()、children()、find()等，或者过滤筛选的方法，比如eq()、filter()、not()等，来得到最终想要操作的jQuery 对象。 用跳转和过滤方式得到的jQuery结果，往往通过比较复杂的表达式组合，可以达到同样的目的。 比如说$("div").eq(3)，也可以用$("div:eq(3)")达到同样的目的。 又比如说$("div").find("span")，可以用$("div span")取到同样的元素。 方法是很灵活的，要根据具体的情况来选择。一般来说，HTML页面写得越规范，使用jQuery就越简单 还有一种情况，在得到了jQuery()对象之后，想要判断其是否满足条件，那么可以调用is()、hasClass()等方法，返回一个boolean 值，进行后续的判断。这类方法也可以归到这类。 第三步是在获取准确的jQuery对象之后，调用其上的各种方法，来进行操作。这一步反而是比较简单的了。 后面就是对jQuery框架各种方法的简要介绍，更详细的内容，还是以官方API为准 1、$(...) $() 一切的核心，可以跟4种参数 $(expression)，比如$("#id")、$(".class")等，返回jQuery对象，或者jQuery对象的集合 $(html)，比如$("hello world")，返回jQuery对象，或者jQuery对象的集合 $(element)，比如$(document.body)，返回jQuery对象，或者jQuery对象的集合 $(*)，所有元素 2、jQuery Object Accessors jQuery.index(element)，返回该jQuery对象在集合中的索引 jQuery.each(function)，遍历jQuery对象集合，在每个对象上执行function函数，function callback(index, domElement){this}; jQuery.size()，返回jQuery对象集合的大小 jQuery.length，相当于size()方法 jQuery.get()，获取原生DomElement对象的Array jQuery.get(index)，获取原生DomElement对象 jQuery.eq(position)，获取jQuery对象集合中的一个jQuery对象 3、Data相关方法 jQuery.data(name)