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


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小编还为您精选了以下内容,希望对您有所帮助: