文档介绍:jquery常用技术总结
20**-05-1914:11:50jquery是一款非常优秀的web脚本语言,可以处理后端的各种数据,实现前端各样的效果,是web开发不可缺少的一门语言,下面就对jquery常用的函数做概要的介绍,方便查询和使用。
一、核心:$是jquery类的一个别名,$(*)构造一个jquery对象,jQuery的核心功能都是通过这个函数实现的。jQuery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数。
1、${表达式}:根据这个表达式来查找所有匹配的元素。eg:$(divp);查找所有p元素,且这些p元素都是div的子元素.$(input:radio,document.forms[0]);查找文档第一个表单中,所有的单选按钮。$(div,xml.responseXML);在一个由ajax返回的xml文档中,查找所有的div元素。
2、$(html标记字符串):根据提供的html字符串,创建jquery对象包装的dom元素。eg:$(divpHello/p/div).appendTo(body);创建一个input元素必须同时设定type属性$(inputtype='text')3、$(dom元素):将一个或多个dom元素转换为jquery对象。eg:$(document.body).css(background,black);设置页面背景色4、$(document).ready(function(*){})==$(function(*){});在页面加载完成后自动执行的代码。
二、jquery对象访问。eq返回的是jquery对象,只能使用jquery方法,get返回的是dom元素对象,只能使用dom方法.1、$(dom元
素).each(function(*){}):以每一个匹配的元素作为上下文来执行一个函数2、$(dom元素).size(*)==$(dom元素).length;对象中元素的个数。eg:imgsrc=test1.jpg/imgsrc=test2.jpg/,jquery代码:$("img).size(*);返回23、context:返回传给jQuery(*)的原始的DOM节点内容,即jQuery(*)的第二个参数。如果没有指定,那么context指向当前的文档(document)$(dom元素).get(*):取得所有匹配的dom元素的集合。如果你想要直接操作DOM对象而不是jQuery对象,这个函数非常有用。
5、$(dom元素).get(index):取得其中一个匹配的元素.6、$(dom元素).index(*):搜索与参数表示的对象匹配的元素,并返回相应元素的索引值。
三、插件机制:1、jQuery.fn.extend(object);扩展jQuery元素集来提供新的方法,针对某一个dom元素。eg:jQuery.fn.extend({check:function(*){returnthis.each(function(*){this.checked=true;});},uncheck:function(*){returnthis