
jq
努力_才幸福
前端小菜鸟一枚,正在努力的重生
展开
-
jq中trim()函数在ie下不支持而在firefox中支持的原因,或者说$.trim()的用法
$.trim(str)的作用是去掉字符串首尾空格;经常碰到JQuery里的trim()函数在firefox支持,但是在IE里不支持 其主要原因是写法不对,下面是错误的写法 var content = $('#content').val(); if(content.trim() == '') alert('空'); 上面的写法在firefox下不会报错,但在ie下确会报错 正确的写法应该为 var ...转载 2018-05-06 15:40:23 · 438 阅读 · 0 评论 -
js中map和jq中$.map的区别
map:总结: 无论是js中的map还是通过jq的静态方法map遍历数组,都有返回值。 但是有一点区别是js中遍历对象没有map方法原创 2018-06-20 11:55:21 · 2564 阅读 · 0 评论 -
jq中each方法的退出循环和结束本次循环
Query中each类似于javascript的for循环 但不同于for循环的是在each里面不能使用break结束循环,也不能使用continue来结束本次循环,想要实现类似的功能就只能用return,break 用return falsecontinue 用return ture...原创 2018-06-20 11:58:01 · 2450 阅读 · 1 评论 -
jq中的tooltip提示框
使用于带title属性的所有元素的 事件代理<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>工具提示框部件(Tooltip Widget)演示</title> <link rel=转载 2018-07-19 14:50:29 · 2435 阅读 · 0 评论 -
jq中使用变量作为id的写法
var a = "company";//定义的变量$("#"+a).html(111);//将变量a作为id拼接在#后面转载 2018-11-13 17:14:42 · 3083 阅读 · 0 评论 -
获取radio单选按钮的值,以及设置单选按钮 被选中
获取radio单选按钮的值:$("input[name='items']:checked").val(); 设置单选按钮 被选中:$("input[name='items'][value="+后台传过来的值+"]").attr("checked","checked" ); 或:$("input[type=radio]&q转载 2018-11-13 17:43:23 · 2988 阅读 · 0 评论 -
js中判断对象数组中是否存在某个对象,以及使用判断是否存在某个元素的indecOf()和find()方法
判断数组中是否存在某个元素1.直接用indexOf(),如果存在则返回当前索引,如果不存在则返回-1;var arr=[1,2,3,4]arr.indexOf(3) // 2arr.indexOf(5) // -1注意:返回某个指定的字符串在数组中首次出现的位置,如果要查找最后出现的位置,使用lastIndexOf() 2. find():找到第一个符合条件的数组元素,他的参...原创 2019-01-14 10:44:56 · 47352 阅读 · 0 评论 -
js中的闭包
闭包的本质就是在一个函数的内部创造另一个函数,我们可以在一个函数的内部也有权访问另一个函数内部的变量。闭包的三个特性:1.函数嵌套函数;2.函数内部可以引用函数外部的参数和变量;3.参数和变量不会被垃圾回收机制收回。闭包的两种形式:1.函数作为返回值function a(){ var name='dov'; return function (){ ...转载 2019-01-14 15:54:36 · 162 阅读 · 0 评论 -
ip的正则表达式
var regExpr = /^(25[0-5]|2[0-4]\d|[0-1]\d{2}|[1-9]?\d)\.(25[0-5]|2[0-4]\d|[0-1]\d{2}|[1-9]?\d)\.(25[0-5]|2[0-4]\d|[0-1]\d{2}|[1-9]?\d)\.(25[0-5]|2[0-4]\d|[0-1]\d{2}|[1-9]?\d)$/;注:'?':匹配前面的子表达式零次或者一次...原创 2019-01-14 16:33:00 · 3296 阅读 · 0 评论 -
js中使用splice在一次循环删除数组中的多个元素
splice():该方法会改变原始数组。var arr=[1,2,3];for(var i=0;i<arr.length;i++){ console.log(i+'='+arr[i]); if(arr[i]==2){ arr.splice(i,1); }}//0=1,1=2,由结果可以看出,这个循环只循环了两次,没有判断当arr[i]=...原创 2019-01-09 15:06:40 · 10438 阅读 · 5 评论 -
js清空对象delete
var student={};console.log(student);//Object{}student.name='xiaoming';student.age=12;console.log(student);//Object{name:'xiaoming',age:'12'}//删除操作for(var key in student){ delete student[key...原创 2019-01-09 15:39:14 · 2311 阅读 · 0 评论 -
jq中jQuery(function(){ })与(function(){})(jQuery) 的区别
jQuery(function(){ }):是$(document).ready(function(){})的简写,即在DOM加载完成时运行的代码(function(){})(jQuery):实际上是执行()(param)匿名方法,只不过传递了jquery对象,相当于function aa($){} aa(jQuery)(function(){})(jQuery) 是初始化jq...转载 2019-04-09 15:24:16 · 3995 阅读 · 0 评论 -
jq中each和js中forEach的区别
总结: 1.在遍历数组时: 回调函数中参数的位置不一样,forEach中为第一个参数为ele,第二个为index。each中第一个为index,第二个为ele; 回调函数中是否有返回值,forEach中没有返回值,each有返回值,返回被遍历的数组 2.遍历对象 forEach不能遍历对象...原创 2018-06-20 11:29:42 · 8690 阅读 · 0 评论 -
jq对象
jq对象的本质就是一个伪数组伪数组:1.有0 - length-1的属性,并且有length的属性var obj = {0:"lnj", 1:"33", 2:"male", length: 3}原创 2018-06-20 11:22:53 · 259 阅读 · 0 评论 -
jq中find()和children()的区别
find():返回匹配元素集合中每个元素的后代。参数:必选的,可以为字符串,jq对象或DOM元素。(字符串是指用于查找的表达式)children():返回匹配元素集合中每个元素的子元素。参数:可选的,字符串值,用以过滤子元素的表达式。例子:<table> <tr> <td>1</td> <t...转载 2018-05-06 15:57:20 · 9194 阅读 · 0 评论 -
jq获取元素的高度
.css('height') 和 .height()之间的区别是后者返回一个没有单位的数值,前者是返回带有完整单位的字符串。当一个元素的高度需要数学计算的时候推荐使用.height() 方法 。-这个方法同样能计算出window和document的高度。$(window).height(); // returns height of browser viewport$(document).he...转载 2018-05-14 11:44:05 · 9178 阅读 · 0 评论 -
jq中event.target和this的区别(主要是在防止事件冒泡)
1.this是动态变化的,js事件冒泡时,this也会随着发生变化。事件冒泡先触发内部事件,由内到外的执行。比如div元素里面有一个input元素,想要点击谁,谁背景颜色就变成橘色,那么我们肯一般会简单直接写成[javascript] view plain copy$("div, input").click(function () { $(this).css("backgroun...转载 2018-05-07 17:05:02 · 1000 阅读 · 0 评论 -
jq中closest(),parents(),parent(),
closet(): 从当前元素开始 沿 DOM 树向上遍历,并返回匹配所传递的表达式的第一个单一祖先 返回包含零个或一个元素的 jQuery 对象parents(): 从父元素开始 沿 DOM 树向上遍历,并返回匹配所传递的表达式的所有祖先 返回包含零个、一个或多个元素的 jQuery 对象parent():返...原创 2018-05-07 17:13:02 · 1282 阅读 · 0 评论 -
js中字符串转为DOM对象和DOM对象转为字符串
1.在js中我们要动态的创建标准DOM对象一般使用:var obj= document.createElement('div');但是如果在ajax请求时返回的是一个带有标签的字符串,如:data:[["<span id="0">aaa</span>",'小明',‘28’]],这时获取到的data[0][0],是一个字符串,我们获取不到id。现在又一种方法可以解决:1.1 ...原创 2018-05-08 10:29:36 · 16920 阅读 · 0 评论 -
jq:遍历方法eq()
eq() 方法将匹配元素集缩减值指定 index 上的一个。经常与find()一起使用$("body").find("div").eq(2).addClass("blue");注意:如果提供负数,则指示从集合结尾开始的位置,而不是从开头开始。 ...原创 2018-05-08 15:01:08 · 1153 阅读 · 0 评论 -
jq:$.map()遍历对象或数组,将回调函数的返回值组成一个新的数组返回
原创 2018-06-15 10:58:12 · 3467 阅读 · 0 评论 -
js中attr()和prop()的区别
1.所有的DOM对象都有一个attribute属性,而prop可以操作属性,所以也可以操作属性节点2.官方推荐:在操作属性节点时,具有true和false两个属性的属性节点,如checked,selected或者disabled使用prop(),其他使用attr()因为,如果具有true和false两个属性的属性节点,如果没有编写默认attr返回undefined,而prop返回false...原创 2018-06-15 16:02:32 · 324 阅读 · 0 评论 -
jq中html(),html(""),empty()的区别
html() 方法如果未设置参数,则返回被选元素的当前内容。html("") 则清空被选元素的当前内容。empty() 方法从被选元素移除所有内容,包括所有文本和子节点...原创 2018-06-15 17:53:56 · 2156 阅读 · 0 评论 -
jq中wrap()
wrap()用于在每个匹配元素之前的位置插入内容:以下面这段HTML代码为例:<p id="n1"> <span id="n2">span#n2</span> </p><p id="n3"> <input id="n4" type="text原创 2018-06-19 11:37:49 · 952 阅读 · 0 评论 -
jq中detach()和remove()的区别
detach()用于从文档中移除匹配元素和remove()方法的区别,detach函数不会移除与元素关联绑定的附加数据(data()函数)和事件处理器等另外,detach()会移除文档中匹配的元素,但是不会讲匹配元素从jq对象中移除var $n6 = $("#n6");// 移除n6元素$n6.detach( );var $p = $("p");// 移除带有类名"mark"的p元素v...原创 2018-06-19 13:52:57 · 1492 阅读 · 0 评论 -
jq中blur()方法
当元素是去焦点时发生blur事件blur()函数触发blur事件,或者如果设置了function函数,该函数也可规定当发生blur事件时执行的函数。提示:早前,blur事件仅发生于表单元素上,在新浏览器中,该事件可以用于任何元素。$(selector).blur()或者$(selector).blur(function)...原创 2019-04-25 15:50:02 · 964 阅读 · 0 评论