
js/jQuery
16个夏天
默默地。。。
展开
-
js自执行函数(function(){})()前加个分号是什么意思?
;(function(){ //TODO})();上面的;号作用是什么?答:前端页面脚本压缩可减少脚本数量和脚本大小,为了避免压缩时前一个脚本没有写最后一个分号而导致压缩后脚本不能使用,所以要在开始加一个分号原创 2017-09-12 14:58:07 · 5527 阅读 · 0 评论 -
$(“parent > child”)选择器
$(“parent child”) 所选择的目标包括子元素、孙元素等等。$(“parent > child”) 所选择的目标是子集元素,相当于一个家庭中的子辈们,但不包括孙辈。$(“prev + next”) 查找与“prev”元素紧邻的下一个“next”元素且只返回唯的一个元素。$(“prev ~ siblings”) 获取prev 元素后面全部相邻的元素,原创 2016-03-02 16:26:20 · 1013 阅读 · 0 评论 -
jQuery选择器
过滤选择器 (filter)Ø 基本过滤Ø 内容过滤Ø 可见性过滤Ø 属性过滤Ø 子元素过滤Ø 表单对象属性过滤 Ø 基本过滤选择器描述返回示例:first选取第一个元素单个元素$("div:first")选取所有元素中第一个元素原创 2015-07-09 11:13:08 · 358 阅读 · 0 评论 -
My97DatePicker控件设置
My97DatePicker控件设置http://www.mysuc.com/test/My97DatePicker/#m215原创 2015-07-09 10:41:15 · 665 阅读 · 0 评论 -
jQuery中对select下拉框的基本操作
1.为select添加事件,当选择其中一项时触发$("#select_id").change(function(){ }); 也可以用jQuery UI插件中的selectmenu方法来实现下拉刷新,不需要绑定事件,如$('#reg_class').selectmenu(‘refresh’);2.获取Select选择的Valuevar checkValue=$(原创 2015-07-21 11:33:23 · 487 阅读 · 0 评论 -
echarts的使用
echarts数据可视化插件,就是用来统计数据的图1.首先,下载并引入插件 typeStats"> 2./** * 问题类型比例分析 */function typeStats(){ var legendData = [], seriesData = []; $.ajax({ type : 'post', url: '/epsp/mvc/que原创 2015-12-11 16:47:23 · 1182 阅读 · 1 评论 -
js中封装方法用于截取字符
截取一串字符中前15个字符,这样使用fnGetLength(questionTitle,15)//str要截取的字符串,len截取长度function fnGetLength(str,len){ var strValue = ""; var length = 0; for(var i=0;i<str.length;i++) { //判断是否为原创 2015-11-20 15:32:00 · 894 阅读 · 0 评论 -
pc端点击事件和移动端点击事件区别
最近项目需要做pad端,在用到点击事件click时,如果用$("#a").click(function(){alert("响应");});就不能触发点击事件,改用onclick事件后就行。原创 2015-12-10 14:44:27 · 3559 阅读 · 0 评论 -
jQuery获取新浪城市与天气信息
//获取新浪城市与天气信息function findWeather() { var cityUrl = 'http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js'; $.getScript(cityUrl, function(script, textStatus, jqXHR) { var city原创 2015-12-10 15:55:49 · 2955 阅读 · 0 评论 -
$("#form1 :input" )与$("#form1input")的区别
$("#form1 :input" )表示id为form1 下的所有,, 和 元素$("#form1 input")表示id为form1 下的所有元素原创 2016-03-15 11:02:50 · 1111 阅读 · 0 评论 -
锋利的jQuery 学习笔记-第一章 认识JQuery
//锋利的JQuery 学习笔记 //------------------------- 第一章 认识JQuery -------------------------原创 2016-03-15 11:12:10 · 507 阅读 · 0 评论 -
innerText和textContent区别
设值element.textContent = “text”; 取值var text = element.textContent; 区别textContent和innerText类似,也会同时获取子元素的text content,比如 this is a text! // div.textContent == "this is a text!" •textC原创 2016-04-13 10:39:16 · 782 阅读 · 0 评论 -
js如何取<span>啊啊<a>拉拉</a><span>中<span>的文本不包括<a>标签的?
看到这个问题的答案,收藏一下别人的思想啊啊添加解决方法:1.$(".tree-primary-items").text().replace($(".tree-primary-items a.add").text() , '');2.var span = $(".tree-primary-items").find("a").remove();alert($("span").text原创 2016-07-06 16:28:45 · 1794 阅读 · 0 评论 -
js中闭包的理解二
如果不想用两个括号调用,有两种方式方式1:定义一个变量接受子函数返回的值,再执行变量所在的函数function aa(){ var b = 10; return function cc(){ b++; alert(b); }}var dd = aa();dd();方式2:子函数直接在里面就调用function aa(){ var b = 10; (functio原创 2016-07-06 15:03:17 · 541 阅读 · 0 评论 -
js中闭包的理解一
函数可以通过声明定义,也可以是一个表达式。function functionName(parameters) { //执行的代码}函数声明后不会立即执行,会在我们需要的时候调用到。分号是用来分隔可执行JavaScript语句。 由于函数声明不是一个可执行语句,所以不以分号结束。var x = function (a, b) {return a * b};var z = x原创 2016-07-06 14:57:27 · 449 阅读 · 0 评论 -
js中this理解
在函数内部出现的this,指什么要看这个this所在的函数的被调用方式。不论这个this出现在什么样的函数中,层次有多深,结构多复杂,只要看直接包含它的函数即可。例如:(1) 被直接调用时,this指全局对象window。 func();(2) 被作为构造函数调用时,this指当前正在构建的对象。 new func();(3) 被作为某个原创 2016-07-05 16:44:14 · 403 阅读 · 0 评论 -
js中所有的变量声明var当被悬置到函数的顶部
myname = "global"; // global variablefunction func() { var myname; // 等同于 -> var myname = undefined; alert(myname); // "undefined" myname = "local"; alert(myname); // "local"}func();在这原创 2016-07-05 14:47:03 · 551 阅读 · 0 评论 -
js中delete
通过var创建的全局变量(任何函数之外的程序中创建)是不能被删除的无var创建的隐式全局变量(无视是否在函数中创建)是能被删除的在技术上,隐式全局变量并不是真正的全局变量,但它们是全局对象的属性。属性是可以通过delete操作符删除的,而变量是不能的:var global_var = 1;global_novar = 2; // 反面教材(function () { gl原创 2016-07-05 14:39:03 · 352 阅读 · 0 评论 -
阻止表单提交
阻止 form 的 submit() 默认提交行为,一种方法用 return false,另一种是 event.preventDefault(); 两种方法都可以,但却又有不同。 $('#myForm').submit(function(event){ if (!$('#name').val()) { alert('name 不能为空'); event.preve原创 2016-04-27 18:17:36 · 580 阅读 · 0 评论 -
使用jquery修改css中带有!important的样式属性
使用jquery修改css中带有!important的样式属性外部样式为div.test{ width:auto !important; overflow:auto !important}通过$("div.test").css("width","100px");和 $("div.test").css("width","100px !important");要想修改,可原创 2016-04-27 17:55:11 · 14273 阅读 · 0 评论 -
jQuery封装解析数据(数组,json对象)
1.解析数组定义变量var msgTypeData = [ {'key': 1, 'val': '企业'}, {'key': 2, 'val': '数据'}, {'key': 3, 'val': '意见'} ];方法调用dy原创 2015-12-10 16:58:39 · 2501 阅读 · 0 评论 -
jQuery中not(),filter()的使用方法
$(document).ready(function() {//输出 helloalert($("p").filter(".selected").html());//输出 How are you?alert($("p").not(".selected").html());});HelloHow are you?<!--一个新的挑战是从一组类似或相同的元素中只选择某一个特定的元原创 2015-12-10 15:08:33 · 560 阅读 · 0 评论 -
event.stopPropagation()
使用stopPropagation()函数可以阻止当前事件向祖辈元素的冒泡传递,也就是说该事件不会触发执行当前元素的任何祖辈元素的任何事件处理函数。 段落文本内容 // 为所有div元素绑定click事件$("div").click( function(event){ alert("div-click");} );//为所有p元素绑定clic原创 2015-11-13 16:37:42 · 630 阅读 · 0 评论 -
$(":gt(index)")
$(":gt(index)"),index从0开始,index为1时,代表着 下标大于1的 也就是 下标234 都可以eq(1) 代表着 第二个原创 2015-11-10 17:16:58 · 379 阅读 · 0 评论 -
js中的val(),text()和html()区别
1.var strHTML = $("#divShow").html();// 获取HTML 内容(包含div下面的两个格式),此方法类似于JavaScript中的innerHTML属性var strHTML2 = $("#divShow b i").html(); //获取HTML内容(不包含div下面的两个格式)2.var strText = $("#divShow").text(原创 2015-11-10 15:42:07 · 5629 阅读 · 0 评论 -
js中substr,substring,indexOf,lastIndexOf等的用法
js中substr,substring,indexOf,lastIndexOf等的用法1.substrsubstr(start,length)表示从start位置开始,截取length长度的字符串。var src="images/off_1.png";alert(src.substr(7,3));弹出值为:off 2.substringsubstring(start原创 2015-09-12 17:34:25 · 1538 阅读 · 0 评论 -
判断值是否存在于数组中
$.inArray(value,array) 判断值是否存在于数组中,返回值在数组中的位置(如果没有找到则返回-1 )。 var arr = [ 4, "Pete", 8, "John" ];jQuery.inArray("John", arr); //3jQuery.inArray(4, arr); //0jQuery.inArray("David", arr);原创 2015-09-12 17:26:58 · 870 阅读 · 0 评论 -
js学习笔记(三)数据类型转换
强制转换Number函数 Number("324") // 324 Number("324abc") // NaN Number("") // 0 Number(false) // 0 Number(undefined) // NaN Number(null) // 0String函数原创 2015-09-12 15:24:18 · 355 阅读 · 0 评论 -
js学习笔记(一)
1.大小写敏感2.句尾分号可有可无,但省略分号并不是一个好的编程习惯3.三种基本数据类型:数字(number),NaN(not a number,)看作为一个无穷大,针对NaN特性,js内置了isNaN()函数,来确定数值是不是NaN类型。NaN是一个不确定数,所以NaN不能等于NaN,即NaN==NaN为false原创 2015-09-12 14:16:25 · 274 阅读 · 0 评论 -
js学习笔记(二),数组的方法
1、 join()方法,可以把一个数组的所有元素都转化成字符串,然后再把他们连接起来,可以指定一个字符串参数来作为连接符,如果不传入参数,则默认连接符为逗号。如: var a=[1,2,3]; var a_string=a.join(); //值为 1,2,3 (类型为string) var a_string=a.join(“*”); //值为1*2*3 (类型为stri原创 2015-09-12 14:28:13 · 393 阅读 · 0 评论 -
JSON.stringify和JSON.parse用法
parse用于从一个字符串中解析出json对象var a = {"ao":1,"bo":2};//规范写法ao和bo都要用双引号,如果没有用双引号也行alert("a==" + a);//a==[object Object]alert("stringify==" + JSON.stringify(a));//stringify=={"ao":1,"bo":2}alert("a.ao==" + a.ao);//a.ao==1原创 2015-11-12 16:13:00 · 575 阅读 · 0 评论 -
$(function(){...});与(function($) {…})(jQuery);区别
$(function(){...});的完整写法是$(docunemt).ready(function(){...});ready传入的是一个function,那样写的是匿名函数,表示DOM页面加载完后就会执行里面的函数(function($){...})(jQuery);等同于下面的写法:var fun = function(params){....};原创 2015-11-13 15:43:53 · 305 阅读 · 0 评论 -
解决一个页面多个window.onload问题
两个window.onload测试 alert("开始"); window.onload = function() { alert("第一个"); }; window.onload = function() { alert("第二个"); };window.onload不仅仅适用于 window 对象,还可用文档节点、document原创 2015-07-13 12:59:54 · 3797 阅读 · 0 评论 -
console.log()方法的使用
//变量var i = 'I am a string';console.log('变量:',i);//数组var arr = [1,2,3,4,5];console.log('数组:',arr);//对象var obj1 = {key1 : 'value1',key2 : 'value2',key3 : 'value3'};var obj2原创 2015-12-10 14:22:50 · 2547 阅读 · 0 评论 -
移动端判断手机横竖屏状态
在做移动端开发的时候,在HTML页面head中加入如下代码设置屏幕宽度为设备宽度,禁止用户手动调整缩放,页面初始缩放程度为1CSS判断横屏还是竖屏1.写在同一个css文件中@media screen and (orientation: portrait) { /*竖屏 css*/} @media screen and (orientation: landscape)原创 2015-11-17 14:46:41 · 5623 阅读 · 0 评论 -
event.preventDefault()方法的使用
$(document).ready(function(){ $("a").click(function(event){ event.preventDefault(); });});W3SchoolpreventDefault() 方法将防止上面的链接打开 URL。阻止表单提交时,和return false;作用一样原创 2015-12-10 14:10:14 · 769 阅读 · 0 评论 -
js中获得当前时间
function getTodayDate(){ var d = new Date(); var year = d.getFullYear();////获取完整的年份(4位,1970-????) var month = d.getMonth() + 1;//获取当前月份(0-11,0代表1月) var date = d.getDate();//获取当前日(1-3原创 2015-11-16 17:49:13 · 427 阅读 · 0 评论 -
$.fn.serializeJson = function() {}中fn代表什么,谁是函数名
//序列化表格元素为JSON$.fn.serializeJson = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name] !== undefined) { if (o[this.name] == null || !o[this.name].原创 2015-11-20 15:16:35 · 2932 阅读 · 0 评论 -
prop(Property)和attr(attribute)用法区别
高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?对于HTML元素本身就带有的固有属性,在处理时,使用prop方法对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。例如:删除元素的DOM属性“href、id"是固有属性,处理这些属性时,建议使用prop方法。action是自定义的属原创 2015-11-10 14:42:41 · 791 阅读 · 0 评论 -
setTimeout
setTimeout (表达式,延时时间)在执行时,它从载入后,每隔指定的时间就执行一次表达式setTimeout(function () { loadVedioList(); }, 4000);1000毫秒=1秒原创 2015-11-16 16:05:09 · 285 阅读 · 0 评论