JavaScript
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 · 189 阅读 · 0 评论 -
事件冒泡、事件委托
事件冒泡 什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。 事件冒泡的作用 事件冒...原创 2020-04-15 15:35:28 · 182 阅读 · 0 评论 -
jquery事件--焦点、移入移出、resize、绑定
jquery事件 事件函数列表: blur() 元素失去焦点 focus() 元素获得焦点 click() 鼠标单击 mouseover() 鼠标进入(进入子元素也触发) mouseout() 鼠标离开(离开子元素也触发) mouseenter() 鼠标进入(进入子元素不触发) mouseleave() 鼠标离开(离开子元素不触发) hover() 同时为mouseenter和mouseleave...原创 2020-04-15 15:29:15 · 1539 阅读 · 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 · 706 阅读 · 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 · 385 阅读 · 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 · 119 阅读 · 0 评论 -
jquery动画
jquery动画 通过animate方法可以设置元素某属性值上的动画,可以设置一个或多个属性值,动画执行完成后会执行一个函数。 $('#div1').animate({ width:300, height:300 },1000,'swing',function(){ alert('done!'); }); 参数可以写成数字表达式: $('#div1').animate({...原创 2020-04-14 22:09:17 · 104 阅读 · 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 · 487 阅读 · 0 评论 -
jquery加载,选择器过滤、选择,样式操作
jquery加载 将获取元素的语句写到页面头部,会因为元素还没有加载而出错,jquery提供了ready方法解决这个问题,它的速度比原生的 window.onload 更快。 <script type="text/javascript"> $(document).ready(function(){ ...... }); </script> 可以简写为: <...原创 2020-04-14 20:22:43 · 287 阅读 · 0 评论 -
JavaScript封闭函数
封闭函数 封闭函数是javascript中匿名函数的另外一种写法,创建一个一开始就执行而不用命名的函数。 一般定义的函数和执行函数: function myalert(){ alert('hello!'); }; myalert(); 封闭函数: (function myalert(){ alert('hello!'); })(); 还可以在函数定义前加上 “~”或 “!” ...原创 2020-04-14 13:22:32 · 379 阅读 · 1 评论 -
JavaScript定时器倒计时
定时器 定时器在javascript中的作用 1、制作动画 2、异步操作 3、函数缓冲与节流 定时器类型及语法 /* 定时器: setTimeout 只执行一次的定时器 clearTimeout 关闭只执行一次的定时器 setInterval 反复执行的定时器 clearInterval 关闭反复执行的定时器 */ var time1 = setTimeout(myalert,2000)...原创 2020-04-14 13:03:27 · 394 阅读 · 0 评论 -
JavaScript字符串处理方法
字符串处理方法 1、字符串合并操作:“ + ” var iNum01 = 12; var iNum02 = 24; var sNum03 = '12'; var sTr = 'abc'; alert(iNum01+iNum02); //弹出36 alert(iNum01+sNum03); //弹出1212 数字和字符串相加等同于字符串相加 alert(sNum03+sTr); // 弹...原创 2020-04-14 09:07:25 · 167 阅读 · 0 评论 -
js条件语句
条件语句 通过条件来控制程序的走向,就需要用到条件语句。 运算符 1、算术运算符: +(加)、 -(减)、 *(乘)、 /(除)、 %(求余) 2、赋值运算符:=、 +=、 -=、 *=、 /=、 %= 3、条件运算符:==、===、>、>=、<、<=、!=、&&(而且)、||(或者)、!(否) 注:===是为了解决==的bug例: <script t...原创 2020-04-13 21:57:40 · 298 阅读 · 0 评论 -
JavaScript函数
函数 函数就是重复执行的代码片。 函数定义与执行 <script type="text/javascript"> // 函数定义 function fnAlert(){ alert('hello!'); } // 函数执行 fnAlert(); </script> 变量与函数预解析 JavaScript解析过程分为两...原创 2020-04-13 20:10:28 · 112 阅读 · 0 评论 -
变量,获取元素以及操作元素
变量 JavaScript 是一种弱类型语言,javascript的变量类型由它的值来决定。 定义变量需要用关键字 ‘var’ var iNum = 123; var sTr = 'asd'; //同时定义多个变量可以用","隔开,公用一个‘var’关键字 var iNum = 45,sTr='qwe',sCount='68'; 变量类型 5种基本数据类型: 1、number 数字类型 2...原创 2020-04-13 15:19:00 · 428 阅读 · 0 评论