jquery页面加载前执行事件 jq页面加载事件

文章插图
jQuery，顾名思义是JavaScript和查询（Query），jQuery是免费、开源的。它可以简化查询DOM对象、处理事件、制作动画、处理Ajax交互过程且兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多) 。
jQuery优势

体积小，使用灵巧（只需引入一个js文件）。
方便的选择页面元素（模仿CSS选择器更精确、灵活）。
动态更改页面样式/页面内容（操作DOM，动态添加、移除样式）。
控制响应事件（动态添加响应事件）。
提供基本网页特效（提供已封装的网页特效方法）。
快速实现通信（ajax）。
易扩展、插件丰富。
支持链式写法。

一、jQuery选择器

ID选择器：$(“#box”);
类名选择器：$(“.box”);
标签选择器：$(“div”);
后代选择器：$(“#box p”);
:first：获取第一个元素。
:last：获取最后一个元素。
:even：匹配所有索引值为偶数的元素，从 0 开始计数。
:odd：匹配所有索引值为奇数的元素，从 0 开始计数。
:eq(index)：匹配一个给定索引值的元素，从 0 开始计数。
:not(selector)：去除所有与给定选择器匹配的元素。
:has(selector)：匹配含有选择器所匹配的元素的元素。

二、jQuery属性和样式CSS操作属性：
attr(name|properties|key,value|fn)：设置或返回被选元素的属性值。
removeAttr(name)：从每一个匹配的元素中删除一个属性。
prop(name|properties|key,value|fn)：获取在匹配的元素集中的第一个元素的属性值。
removeProp(name)：用来删除由.prop()方法设置的属性集。
区别：attr可以操作（增删改查）自定义的节点属性，而prop不可以（增删改查）。attr和prop对input的disabled属性的返回值不一致，attr返回disabled或者undefined，而prop返回布尔值。
操作Class：
addClass(class|fn) ：为每个匹配的元素添加指定的类名。
removeClass([class|fn]) ：从所有匹配的元素中删除全部或者指定的类。
toggleClass(class|fn[,switch])：如果存在（不存在）就删除（添加）一个类。
操作内容：
html([val|fn])：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
text([val|fn])：取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。
val([val|fn|arr])：获得匹配元素的当前值。如果多选，将返回一个数组，其包含所选的值。
操作CSS：
css(name|pro|[,val|fn])：访问匹配元素的样式属性。
操作位置：
offset([coordinates])：获取匹配元素在当前文档的相对偏移。返回的对象包含两个整型属性：top 和 left，以像素计。方法只对可见元素有效。
position()：获取匹配元素相对父元素的偏移。返回的对象包含两个整型属性：top 和 left 。为精确计算结果，请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效。
scrollTop([val])：获取匹配元素相对滚动条顶部的偏移。此方法对可见和隐藏元素均有效。
scrollLeft([val])：获取匹配元素相对滚动条左侧的偏移。此方法对可见和隐藏元素均有效。
操作尺寸：
height([val|fn])：取得匹配元素当前计算的高度值（px）。
width([val|fn])：取得第一个匹配元素当前计算的宽度值（px）。
innerHeight()：获取第一个匹配元素内部区域高度（包括补白、不包括边框）。此方法对可见和隐藏元素均有效。

以上关于本文的内容，仅作参考！温馨提示：如遇健康、疾病相关的问题，请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容，希望对您有所帮助：