js与jquery
bingguang1993
这个作者很懒,什么都没留下…
展开
-
jquery 获取 inout checkbox中的checked
$("#se").is(":checked"); var test = document.getElementById("se").checked;原创 2019-11-27 11:52:26 · 620 阅读 · 0 评论 -
浏览器下载多个文件
$('body').on('click', "#Download",function(){//点击下载按钮 let triggerDelay = 100; let removeDelay = 1000; let url_arr=[]; //多个file文件选择checkbox $('input[name="filePath"]:checked').each...转载 2019-01-16 10:22:33 · 1222 阅读 · 0 评论 -
jquery中的$("#id")与document.getElementById("id")的区别
以前一直认为jquery中的$("#id")和document.getElementByIdx_x("id")得到的效果是一样的,今天做特效的时候才发现并不是这么一回事,通过测试得到:1、alert($("#div"))得到的是[object Object]2、alert(document.getElementById("div"))得到的是[object HTMLDivElement]...转载 2019-01-31 15:17:53 · 380 阅读 · 0 评论 -
checkbox选中并记住状态(分页)
var checkedIds= [];//保存选中的id,亦适用于分页/* 将选中的数据ID保存*/$("#guide-table1 input").click(function(){ if($(this).is(":checked")){ checkedIds.push($(this).attr("id")); }else{ for(v...转载 2019-01-15 11:56:03 · 3321 阅读 · 5 评论 -
js中对style中的多个属性进行设值
js中对style中的多个属性进行设值:看一下案例自然就明白:document.getElementById("my_wz1").style.cssText="background:#fff ; border-left: 1px solid #ccc;border-right: 1px solid #ccc; margin-left: -1px;";jquery对css中多个属性...转载 2019-01-24 09:48:07 · 4431 阅读 · 0 评论 -
js中的location的href和pathname,search
js中的location的href和pathname,search在我们使用浏览器中访问一个url,HTTP GET获取到一个资源后。我们可以查看浏览器的location对象。 比如,我们search一下,在浏览器中会出现下面的url:https://www.bing.com/search?q=location.href+location.pathname&go=%E6%8F%90...转载 2019-01-11 11:40:59 · 1353 阅读 · 0 评论 -
jQuery 事件 - preventDefault() 方法
<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ $("a&quo转载 2019-01-10 16:46:09 · 273 阅读 · 0 评论 -
导出文件 时post请求下载
<form id="TheForm" method="post" action="test.asp" target="TheWindow"><input type="hidden" name="something" value="something" /><input type="hi转载 2018-12-29 17:20:17 · 1288 阅读 · 0 评论 -
JQuery判断数组中是否包含某个元素:inArray()
JQuery判断数组中是否包含某个元素使用$.inArray("js", arr); var arr = [ "xml", "html", "css", "js" ]; $.inArray("js", arr); //返回 3, 如果不包含在数组中,则返回 -1;...转载 2018-12-24 15:14:45 · 1333 阅读 · 0 评论 -
js中“==”与"==="的区别
首先,== equality 等同,=== identity 恒等。 ==, 两边值类型不同的时候,要先进行类型转换,再比较。 ===,不做类型转换,类型不同的一定不等。一言以蔽之:==先转换类型再比较,===先判断类型,如果不是同一类型直接为false。 下面分别说明: 先说 ===,这个比较简单。下面的规则用来判断两个值是否===相等: 1、如果类型不同,...转载 2018-12-24 15:14:16 · 3254 阅读 · 0 评论 -
datatables隐藏列设置及获取隐藏列的值
"columns": [ { "data": "name" }, { "data": "password" }, { defaultContent: '<td class="caozuo">'+ '<s转载 2018-11-30 14:27:58 · 2935 阅读 · 0 评论 -
jQuery Event.which 属性
which属性用于返回触发当前事件时按下的键盘按键或鼠标按钮。对于键盘和鼠标事件,该属性用于确定你按下的是哪一个键盘按键或鼠标按钮。which属性对DOM原生的event.keyCode和event.charCode进行了标准化。适用的事件类型主要有键盘事件:keypress、keydown、keyup,以及鼠标事件:mouseup、mousedown。该属性属于jQuery的Ev...转载 2019-01-16 15:19:51 · 562 阅读 · 0 评论 -
HTML iframe 标签的 src 属性
http://www.w3school.com.cn/tags/att_iframe_src.asp $(document.body).after(frame);document.body 返回当前文档中的<body>元素或者<frameset>元素.其实也就是body对象...原创 2019-01-16 15:42:24 · 3985 阅读 · 0 评论 -
如何用JS判断两个数字的大小
前言:在判断之前我们要先知道,js中的var定义的变量默认是字符串,如果单纯的比较字符串的话,会出现错误,需要先转化为int类型在做比较。【备注:110和18在你写的程序中是18大的,因为 这两个数都是字符串,而1和1相等之后比较1和8,当然是8大,所以18大。你在比较之前转换成INT型在比 。 if(parseInt(num2)>parseInt(num1)) 】错误实例:...转载 2019-02-15 10:54:17 · 5198 阅读 · 0 评论 -
jquery 获取input checkbox checked属性
如果使用jquery,应使用prop方法来获取和设置checked属性1.通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase 1 2 3 4 5 6 7 <input type="checkbox"id="selectAll"onclick...转载 2019-09-20 15:04:26 · 1725 阅读 · 0 评论 -
jquery中JSON对象
JavaScript的对象是一种无序的集合数据类型,它由若干键值对组成。JavaScript的对象用于描述现实世界中的某个对象。例如,为了描述“小明”这个淘气的小朋友,我们可以用若干键值对来描述他:var xiaoming = { name: '小明', birth: 1990, school: 'No.1 Middle School', height: ...转载 2019-08-19 14:55:24 · 536 阅读 · 0 评论 -
javascript中JSON对象与JSON字符串相互转换实例
本节介绍在javascript中,JSON对象与JSON字符串是如何相互转换的。接下来请看相关代码:代码如下:<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> ...转载 2019-08-19 14:54:15 · 198 阅读 · 0 评论 -
JavaScript集合类:Array、Map、Set
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/cathar/article/details/53363845在JavaScript中不像java有那么多的数据结构。在实际工作中,使用对象还是数组需要仔细考虑下。例如:如果实现 Map的功能,既可以使用关联数组,也可以使用对象,那么区别...转载 2019-08-19 11:38:29 · 354 阅读 · 0 评论 -
绑定ajax 分页插件
1.http://www.lovewebgames.com/jsmodule/paging.html#page=2 pagingpaging使用手册:<div id="pageTool"></div>此处是分页的最外层div 分页数据的div可与此并列$('#pageTool').Paging({pagesize:6,count...原创 2019-08-01 17:59:29 · 314 阅读 · 0 评论 -
lightGallery通过点击查看按钮动态调用
<button id="dynamic"/>javascript调用方式:document.getElementById('dynamic').addEventListener('click', function() { lightGallery(document.getElementById('dynamic'), { dynamic: tr...翻译 2019-02-13 17:45:59 · 1566 阅读 · 1 评论 -
PDF.js使用总结
PDF.js是为html5实现的在线预览pdf框架,所以使用的前提是浏览器要支持html5。该插件不需要任何本地支持,对浏览器的兼容性也比较好(低版本的IE浏览器请绕行)。 本文记录了pdf.js插件使用方式和框架构建过程中遇到的一些问题,主要实现了以文件路径和文件流的方式预览的功能,通过修改源码对预览页面下载、打印按钮可操作性进行了控制,同时在预览界面添加了关闭按钮。1. 下载PDF插件源...转载 2019-02-13 10:37:28 · 1751 阅读 · 1 评论 -
file origin does not match viewer's
使用pdf.js时,当有跨域的问题时,会加载失败,错误信息为file origin does not match viewer's。修改起来简单粗暴。直接注释掉web/viewer.js中的1564到1566这几行,不去判断跨域即可。if (origin !== viewerOrigin && protocol !== 'blob:') { throw new ...转载 2019-02-13 10:35:26 · 5829 阅读 · 0 评论 -
window.open新打开窗口与新开标签页
最近在使用window.open时忽略了一个细节问题:window.open新打开一个窗口,但是有时却是新打开一个窗口有时打开一个新标签页。虽然对一般的需求来说,这个两种情况都无所谓,但是对于那种有强烈区分的需求来说还是要注意的。那么怎么会出现这种不同的打开情况呢,这要从window.open方法的用法和不同浏览器来区分。 1、window.open的用法容易忽视的细节 window.op...转载 2019-02-13 10:33:37 · 12881 阅读 · 0 评论 -
js增加遮罩层
<script src="${webCtx}/resources/plugins/jquery.block/jquery.blockUI.js"></script>引入这个js $("#vivo_table_list").block({ message: "Loading..." ...原创 2018-11-29 19:51:31 · 903 阅读 · 0 评论 -
HTML中调用JavaScript的几种情况和规范写法
JavaScript执行在html中,引用有几种方式?我知道的方法有3种:第一种:外部引用远程JavaScript文件。如<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>(相对路劲)或者是<script src="http://common.cnblogs.com/scri...转载 2018-12-04 10:46:32 · 1942 阅读 · 0 评论 -
DataTables合并单元格(rowspan)的实现思路(多分组分类的情况)
直接上代码,原理之前的随笔已经讲过了。http://www.cnblogs.com/hdwang/p/7115835.html1.先看看效果 2.html代码,含js代码2.1 common.js/** * Created by hdwang on 2017/6/23. */var language = { "search": "", "sSearch" ...转载 2018-09-26 19:52:28 · 2627 阅读 · 0 评论 -
JQuery判断数组中是否包含某个元素:inArray()
JQuery判断数组中是否包含某个元素使用$.inArray("js", arr); var arr = [ "xml", "html", "css", "js" ]; $.inArray("js", arr); //返回 3, 如果不包含在数组中,则返回 -1;...转载 2018-09-15 12:17:10 · 274 阅读 · 0 评论 -
JQuery - 数组的增删改查
首先说明一下js中对象类型: JS函数对象与原型typeof 用来判定目标是什么类型。数组下标,index是从 0开始的。测试数组如下:var arry = [0,1];//number数组var arry1 = ['2','3'];//string 数组var arry2 = ["2","3",true];//string和boolean 数组1 2 3【1】...转载 2018-09-15 12:16:46 · 933 阅读 · 0 评论 -
Datatables设置列默认为空
defaultContent :"", 放置此属性原创 2018-09-25 10:32:11 · 1026 阅读 · 0 评论 -
JQuery Datatables Columns API 参数详细说明
Data Tables: http://datatables.net/Version: 1.10.0 Columns说明虽然我们可以通过DOM直接获取DataTables元素的信息,但是DataTables提供了更方便的方法,可以自定义列的属性。下边就让我们一起来学习DataTables是怎么来定义列属性的。DataTables提供了两个参数来定义列属性:columns 和 c...转载 2018-09-13 14:44:19 · 318 阅读 · 0 评论 -
jquery如何退出each循环,再退出function的
jquery如何退出each循环的? 在回调函数里使用return false即可,大多数jq的方法都是如此的=================================== 返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。 以下举例如何退出each,接着...转载 2018-09-18 15:03:44 · 2597 阅读 · 0 评论 -
jQuery表格插件datatables用法汇总
DataTables是一个jQuery的表格插件,本文为大家分享了表格插件datatables用法,介绍了基础的部分知识,具体内容如下一、初始化在页面中? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18...转载 2018-09-13 10:10:04 · 785 阅读 · 0 评论 -
打开页面js自动加载的方法
一、js方法:1.在body标签加onload属性;例:<body onload="myfunction()">2.window.onload方法例: <script type="text/javascript">function myfunction(){ alert("自动加载");}window.onload = myfun()...转载 2018-08-30 15:53:40 · 12022 阅读 · 0 评论 -
javascript中在定义函数的几种形式
内容主要是讲述javascript在类(原型对象)中定义方法的几种形式,简要之主要有三种:this关键字、prototype关键字、var 对象名={name:value,name2:value2};这三种形式。在publicFunction.js文件中定义js函数。在call.html文件中调用函数。各个文件的位置如下图所示:publicFunction.js文件中的代码如下:...转载 2018-08-30 16:09:24 · 650 阅读 · 0 评论 -
datatable 隐藏列注意事项
stateSave : true, // 保存状态 这个会使得隐藏列失效 visible : false //隐藏列转载 2018-09-27 14:57:21 · 758 阅读 · 0 评论 -
jQuery创建类似Java的 map集合
var map = {}; // Map map = new HashMap();map[key] = value; // map.put(key, value);var value = map[key]; // Object value = map.get(key);var has = key in map; // boolean has = map.containsKey(key);...转载 2018-10-12 11:05:41 · 1492 阅读 · 0 评论 -
jquery中一些知识
var form_el = "input[type=hidden],input[type=text],textarea,select"; $("#asss").find(form_el).each(function () { data[this.name] = $(this).val(); });在id为asss表单中可以查找input ...转载 2018-10-12 11:17:28 · 167 阅读 · 0 评论 -
页面关闭beforeunload事件
beforeunload事件在当页面卸载(关闭)或刷新时调用,事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页;jquery离开页面弹出提示代码//绑定beforeunload事件$(window).bind('beforeunload',function(){return '您输入的内容尚未保存,确定离开此页面吗?';});//解除绑定,一般...转载 2018-11-29 17:39:10 · 1902 阅读 · 0 评论 -
jQuery的 length 属性
length 属性包含 jQuery 对象中元素的数目。例如<li>咖啡</li><li class="l1">牛奶</li><li class="l1">绿茶</li> $(".l1").length获取的就是class为l1的元素的数目 ,上面的为2...转载 2018-11-02 16:36:11 · 668 阅读 · 0 评论 -
JS中为false的几种情况
下面的值为false:falsenullundefined"" 即空字符串0NaN转载 2018-11-02 16:31:07 · 526 阅读 · 0 评论