![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 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绑定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 评论 -
jquery加载,选择器过滤、选择,样式操作
jquery加载将获取元素的语句写到页面头部,会因为元素还没有加载而出错,jquery提供了ready方法解决这个问题,它的速度比原生的 window.onload 更快。<script type="text/javascript">$(document).ready(function(){ ......});</script>可以简写为:<...原创 2020-04-14 20:22:43 · 280 阅读 · 0 评论 -
JavaScript封闭函数
封闭函数封闭函数是javascript中匿名函数的另外一种写法,创建一个一开始就执行而不用命名的函数。一般定义的函数和执行函数:function myalert(){ alert('hello!');};myalert();封闭函数:(function myalert(){ alert('hello!');})();还可以在函数定义前加上 “~”或 “!” ...原创 2020-04-14 13:22:32 · 374 阅读 · 1 评论 -
JavaScript定时器倒计时
定时器定时器在javascript中的作用1、制作动画2、异步操作3、函数缓冲与节流定时器类型及语法/*定时器:setTimeout 只执行一次的定时器 clearTimeout 关闭只执行一次的定时器setInterval 反复执行的定时器clearInterval 关闭反复执行的定时器*/var time1 = setTimeout(myalert,2000)...原创 2020-04-14 13:03:27 · 381 阅读 · 0 评论 -
JavaScript字符串处理方法
字符串处理方法1、字符串合并操作:“ + ”var iNum01 = 12;var iNum02 = 24;var sNum03 = '12';var sTr = 'abc';alert(iNum01+iNum02); //弹出36alert(iNum01+sNum03); //弹出1212 数字和字符串相加等同于字符串相加alert(sNum03+sTr); // 弹...原创 2020-04-14 09:07:25 · 163 阅读 · 0 评论 -
js条件语句
条件语句通过条件来控制程序的走向,就需要用到条件语句。运算符1、算术运算符: +(加)、 -(减)、 *(乘)、 /(除)、 %(求余)2、赋值运算符:=、 +=、 -=、 *=、 /=、 %=3、条件运算符:==、===、>、>=、<、<=、!=、&&(而且)、||(或者)、!(否)注:===是为了解决==的bug例:<script t...原创 2020-04-13 21:57:40 · 286 阅读 · 0 评论 -
JavaScript函数
函数函数就是重复执行的代码片。函数定义与执行<script type="text/javascript"> // 函数定义 function fnAlert(){ alert('hello!'); } // 函数执行 fnAlert();</script>变量与函数预解析JavaScript解析过程分为两...原创 2020-04-13 20:10:28 · 107 阅读 · 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 · 421 阅读 · 0 评论