
jquery
a_Joker_Ling
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jquery元素节点操作、todolist
jquery元素节点操作 创建节点 var $div = $('<div>'); var $div2 = $('<div>这是一个div元素</div>'); 插入节点 1、append()和appendTo():在现存元素的内部,从后面插入元素 var $span = $('<span>这是一个span元素</span>'); $('...原创 2020-04-15 16:44:03 · 223 阅读 · 0 评论 -
事件冒泡、事件委托
事件冒泡 什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。 事件冒泡的作用 事件冒...原创 2020-04-15 15:35:28 · 248 阅读 · 0 评论 -
jquery事件--焦点、移入移出、resize、绑定
jquery事件 事件函数列表: blur() 元素失去焦点 focus() 元素获得焦点 click() 鼠标单击 mouseover() 鼠标进入(进入子元素也触发) mouseout() 鼠标离开(离开子元素也触发) mouseenter() 鼠标进入(进入子元素不触发) mouseleave() 鼠标离开(离开子元素不触发) hover() 同时为mouseenter和mouseleave...原创 2020-04-15 15:29:15 · 1667 阅读 · 0 评论 -
jquery循环each
jquery循环 对jquery选择的对象集合分别进行操作,需要用到jquery循环操作,此时可以用对象上的each方法: $(function(){ $('.list li').each(function(i){ $(this).html(i); }) }) ...... <ul class="list"> <li></li&...原创 2020-04-15 11:10:39 · 767 阅读 · 0 评论 -
jquery属性操作.html(),, .prop()
jquery属性操作 1、html() 取出或设置html内容 // 取出html内容 var $htm = $('#div1').html(); // 设置html内容 $('#div1').html('<span>添加文字</span>'); 2、prop() 取出或设置某个属性的值 // 取出图片的地址 var $src = $('#img1').prop(...原创 2020-04-15 11:04:42 · 438 阅读 · 0 评论 -
尺寸相关、滚动事件
尺寸相关、滚动事件 1、获取和设置元素的尺寸 width()、height() 获取元素width和height innerWidth()、innerHeight() 包括padding的width和height outerWidth()、outerHeight() 包括padding和border的width和height outerWidth(true)、outerHei...原创 2020-04-15 10:26:45 · 158 阅读 · 0 评论 -
jquery动画
jquery动画 通过animate方法可以设置元素某属性值上的动画,可以设置一个或多个属性值,动画执行完成后会执行一个函数。 $('#div1').animate({ width:300, height:300 },1000,'swing',function(){ alert('done!'); }); 参数可以写成数字表达式: $('#div1').animate({...原创 2020-04-14 22:09:17 · 144 阅读 · 0 评论 -
jquery加载,选择器过滤、选择,样式操作
jquery加载 将获取元素的语句写到页面头部,会因为元素还没有加载而出错,jquery提供了ready方法解决这个问题,它的速度比原生的 window.onload 更快。 <script type="text/javascript"> $(document).ready(function(){ ...... }); </script> 可以简写为: <...原创 2020-04-14 20:22:43 · 334 阅读 · 0 评论 -
jQuery绑定click事件,特殊效果,链式调用
绑定click事件 给元素绑定click事件,可以用如下方法: $('#btn1').click(function(){ // 内部的this指的是原生对象 // 使用jquery对象用 $(this) }) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t...原创 2020-04-14 21:22:35 · 524 阅读 · 0 评论