jQquery库详解.docVIP

jQquery库详解 下载安装Jquery 下载 使用： 在页面中引入下载的js即可 版本： 下载的版本大概分为两种一种是去除注释后的js，文件体积小，适用于日常开发 另一种是未压缩并保留注视的js文件，有兴趣研究jQuery的人员可以使用。 让jQuery 与其他JavaScript 库共存 为jquery 替换$ 符号以避免冲突 var h =jQuery.noConflict(); h 即可替代$ 示例： var h =jQuery.noConflict(); alert(h(div).html()); h(div).height(300px).css(background-color,red); 获取jQuery对象 jQuery核心对象 方法名 说明 jQuery(expression,[Context]) 该函数获取expression对应的DOM对象包装成的jQuery对象，expression支持css选择器也支持XPath语法，功能丰富。context是一个可选参数，若指定该函数表示获取context的子元素。 jQuery(html,[ownDocument]) 该函数根据html参数(该参数是一个html字符串)创建一个或多个DOM对象，返回包装这这些DOM对象的jQuery对象，第二个参数是指定由ownDocument 来创建DOM对象。 jQuery(elements) 将一个或多个DOM元素包装成jQuery对象，element既可以是单个DOM对象也可以是多个DOM对象。返回包装了element节点的jQuery对象。 jQuery(callback) 这种用法是$(document).ready()的缩写，其中callback指定一个函数，在页面加载完成后被触发。 示例： //页面加载后执行 $(function(){init();}); function init() { alert(页面加载完成); $(#test).css(backgroundColor,red); $(input type=text value=apendinput/).appendTo(document.body); var textelement=document.getElementById(test); $(textelement).css(borderWidth,3px); $(textelement).css(borderColor,yellow); } 以css选择器访问DOM元素 $()接受的参数形式 名称 说明 #id 通过元素的id选择元素 tagName 返回所有对应标签元素 tagName[attribute] 带有attribute属性且标签为tagName的元素 tagName[attribute=value] 带有attribute属性值为value且标签名是tagName的元素 tagName[attribute!=value] 带有attribute属性值不为value且标签名是tagName的元素 tagName[attribute^=value] 带有attribute属性值以value开头且标签名是tagName的元素 tagName[attribute$=value] 带有attribute属性值以value结尾且标签名是tagName的元素 tagName[attribute*=value] 返回tagName标签且属性为attribute属性值中包含value的元素 tagName[attribute][attribute]… 返回tagName标签且有任意[]中的属性的元素的集合 .className 返回class属性为className的元素 * 返回由所有html标签包装成的jQuery对象 select1,select2,select3… 返回匹配任意一个选择器的元素 outerSelect innerSelect 返回满足outSelect的元素中满足innerSelect选择器的元素（可嵌套多层） parentSelectorchildSelector 返回满足parentSelector的元素下的第一层chileSelect对应的元素，相当于css中的子元素选择器 preSelector+nextSelector 返回紧跟preSelector之后的第一个nextSelect对应的元素 preSelector~nextSelector 返回位于preSelecor之后的所有满足nextSelect对应的元素 选择器的附加限定词 名称 说明 :first 返回匹配的第一个元