jQuery
OnlyU恩
学!!!
展开
-
jQ 的尺寸、位置操作
尺寸位置操作1. offset() 设置或获取元素偏移offset()方法设置或返回被选元素相对于文档的偏移坐标,跟父级没有关系该方法有两个属性 left、top。offset().top 用于获取距离文档顶部的距离,offset().left 用于获取距离文档左侧的距离。可以设置元素的偏移: offset({top:30,left:30});2. position() 获取元素偏移position() 方法用于返回被选元素相对于带有定位的父级偏移坐标,如果父级都没有定位,则以文档原创 2020-11-13 00:31:07 · 195 阅读 · 0 评论 -
对象拷贝
如果想要把某个对象拷贝(合并)给另一个对象使用,此时可以使用$.extend()方法。$.extend([deep],target,object1,[objectN]);1. deep:如果设为 true 为深拷贝,默认为 false 浅拷贝。2. target:要拷贝的目标对象3. object1:待拷贝到第一个对象的对象4. objectN:待拷贝到第N个对象的对象5. 浅拷贝,是把被拷贝的对象 复杂数据类型中的地址 拷贝给目标对象,修改目标对象 会影响被拷贝对象。6. 深拷贝,前面.原创 2020-11-04 11:43:23 · 744 阅读 · 0 评论 -
自动触发事件
$("div").on("click",function(){ alert(11); })element.click();element.trigger(“click”);element.triggerHandler(“click”);只有最后一个跟前面两个不同, triggerHandler() 不会触发元素的默认行为。原创 2020-11-03 22:53:42 · 358 阅读 · 0 评论 -
事件处理 on() 绑定事件
on()方法在匹配元素上绑定一个或者多个事件处理函数element.on(events,[selector],fn);//发生多个事件的话: $("div").on({ mouseover:function(){ $(this).css("background","red"); }, click:function(){ $(this).css("background","blue"); ..原创 2020-11-03 21:12:39 · 1157 阅读 · 0 评论 -
jQ 创建添加删除操作
元素 创建 添加 删除 操作 --------- 话不多说 都在下面 <ul> <li>我是原先的li</li> </ul> <div class="test">我是原先的div</div>$(function(){ var li = $("<li>我是后来创建的li</li>"); (1)内部添加 $("ul")..原创 2020-11-02 14:56:43 · 181 阅读 · 0 评论 -
元素遍历 each() $.each()
each(function(index,domEle){})回调函数有两个参数,第一个是索引号,第二个是DOM对象。<div>1</div> <div>2</div> <div>3</div>var arr = ["blue","red","green"]; $(function(){ $("div").each(function(index,domEle){原创 2020-11-02 11:36:05 · 413 阅读 · 0 评论 -
jQ内容文本值
html()text()val()<div> <span>我是内容</span></div><input type="tetx" value="请输入内容">html()获取设置元素内容$("div").html(); //没加参数 是获取 div里的元素内容$("div").html("123"); //加了 是改变 div 里的元素内容text()获取设置元素文本内容$("div").text.原创 2020-11-01 10:43:10 · 135 阅读 · 0 评论 -
jQ获取元素 的 属性
prop()element.prop(“属性名”) 获取元素固有属性$("a").prop("href");attr()element.attr(“属性名”) 获取元素自定义属性$("div").attr("index");data()数据缓存,这个里面的数据是存放在元素里的内存里面,并不会修改DOM元素结构。一旦页面刷新,之前存放的数据都将被移除。$("span").data("uname","andy");...原创 2020-11-01 09:27:52 · 1350 阅读 · 0 评论 -
jQuery 笔记
原生js写的定义的,是DOM对象,如 var oDiv = document.getElementById(‘div1’);jQuery 写的定义的,是jQuery对象 ,如 $(‘div’);注意: DOM对象不能做jQuery对象做的事,jQuery对象 不能做DOM对象做的事。所以想做对方做的事,就只能相互转换了。DOM对象转化jQuery对象操作:var oDiv = document.getElementById('div1'); //DOM对象$(oDiv).hide(); .原创 2020-10-27 23:27:28 · 91 阅读 · 0 评论