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 · 182 阅读 · 0 评论 -
事件冒泡、事件委托
事件冒泡什么是事件冒泡在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。事件冒泡的作用事件冒...原创 2020-04-15 15:35:28 · 171 阅读 · 0 评论 -
jquery事件--焦点、移入移出、resize、绑定
jquery事件事件函数列表:blur() 元素失去焦点focus() 元素获得焦点click() 鼠标单击mouseover() 鼠标进入(进入子元素也触发)mouseout() 鼠标离开(离开子元素也触发)mouseenter() 鼠标进入(进入子元素不触发)mouseleave() 鼠标离开(离开子元素不触发)hover() 同时为mouseenter和mouseleave...原创 2020-04-15 15:29:15 · 1505 阅读 · 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 · 695 阅读 · 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 · 380 阅读 · 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 · 114 阅读 · 0 评论 -
jquery动画
jquery动画通过animate方法可以设置元素某属性值上的动画,可以设置一个或多个属性值,动画执行完成后会执行一个函数。$('#div1').animate({ width:300, height:300},1000,'swing',function(){ alert('done!');});参数可以写成数字表达式:$('#div1').animate({...原创 2020-04-14 22:09:17 · 99 阅读 · 0 评论 -
jquery加载,选择器过滤、选择,样式操作
jquery加载将获取元素的语句写到页面头部,会因为元素还没有加载而出错,jquery提供了ready方法解决这个问题,它的速度比原生的 window.onload 更快。<script type="text/javascript">$(document).ready(function(){ ......});</script>可以简写为:<...原创 2020-04-14 20:22:43 · 280 阅读 · 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 · 475 阅读 · 0 评论