jquery
文章平均质量分 57
面条请不要欺负汉堡
道理不是拿来懂的,而是拿来悟的
展开
-
模拟下拉框选择对应菜单的内容
body,ul,li,a,p{margin: 0;padding: 0;} a{text-decoration: none; color: #555;font-size: 23px;} .zn-classreport-tabs{}.zn-classreport-tabstle{ font-size: 16px; position: relative;原创 2017-03-07 09:54:42 · 1087 阅读 · 0 评论 -
dataTables的选项——特性及国际化语言
一.特性(功能)1.jQueryUI:控制是否使用jquerui的样式(需要引入jqueryui的css)eg: "jQueryUI": "true", //默认是false2.autoWidth:控制Datatables是否自适应宽度,默认是true注意:可以使用columns.width/columns.height来设置tr的宽高如果使用bootstrap的时候,可以使原创 2017-11-23 10:44:27 · 4563 阅读 · 0 评论 -
实现select中指定option选中触发事件
我们在用到下拉列表框select时,需要对选中的选项触发事件,其实本身没有触发事件方法,我们只有在select里的onchange方法里触发。想添加一个option的触发事件,在option中添加onclick 点来点去就是不会触发事件又在select中添加onclick 这下可好了,没选option呢就触发了百度来的说option没有触发事件,需要在select中加onc转载 2017-12-22 08:59:43 · 865 阅读 · 0 评论 -
嵌套页面传参parent.$("body").data();
一.分析父页面: parent.$("body").data("aintt_val", str); // 存储参数子页面:var str = parent.$("body").data("aintt_val");//取参数$("#bdiv").html(str); //显示内容二注意1.此方法俩个页面必须是嵌套关系(也可以用layer 中iframe层的显示)2. p原创 2018-01-22 10:54:15 · 1584 阅读 · 0 评论 -
localStorage 传值使用总结
一、什么是localStorage、sessionStorage在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。二、localStorage原创 2018-01-22 14:19:58 · 1793 阅读 · 0 评论 -
sessionStorage传值使用总结
一.介绍1.sessionStorage 是HTML5新增的一个会话存储对象,用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。在JavaScript语言中可通过 window.sessionStorage 或 sessionStorage 调用此对象。2 特点1) 同源策略限制。若想在不同页面之间对同一个sessionStorage进行操作,这些原创 2018-01-22 18:46:14 · 10721 阅读 · 0 评论 -
css3filter(滤镜)属性和jquery过滤器.filter()
一.css3filter(滤镜)属性(1).语法filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();brightness(%) 亮度(值越原创 2018-02-05 11:32:56 · 2237 阅读 · 0 评论 -
form表单交互/table/ul li
一.form交互(1).jQuery通过ajax获得后台json数据给form表单赋值1.form <form class="print-info clearfix" id="print-info"> <div class="print-info-row"> <label>姓名:</label&原创 2018-01-17 11:11:30 · 3078 阅读 · 1 评论 -
jquery实现页面嵌套include
类似PHP模板引擎一样,使用include引入公共文件一.注意1.使用方式引入js--jquery.include.js(存成插件)jQuery.fn.extend({ include: function (path) { var _this = $(this); $.get(path, function (html) { ...原创 2018-02-11 15:27:56 · 4467 阅读 · 0 评论 -
Datatables简单的使用
一.Datatables简介DataTables是一个jQuery的表格插件。这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何HTML表格。主要特点:自动分页处理即时表格数据过滤数据排序以及数据类型自动检测自动处理列宽度可通过CSS定制样式支持隐藏列易用可扩展性和灵活性国际化动态创建表格免费的DataTables的官网是:http://www.d原创 2017-11-22 21:38:22 · 466 阅读 · 0 评论 -
jquery的$().each,$.each的区别
最近一直在研究JS,今天看到遍历模块的时候,看到了这个函数:$(selector).each(function(index,element))但是想想,这个函数和之前项目里面用到的遍历数据的函数不是同一个呀(项目里面用到的函数:$.each(dataresource,function(index,element))),于是,就好好研究了下,果然在JS里面有两个相似的函数,于是也就有了今天的转载 2017-11-21 09:27:14 · 2057 阅读 · 1 评论 -
JQuery常见的语法以及简单例子总结
一.方法1.搜索与参数表示的对象匹配的元素,并返回相应元素的索引值值$('#act li').index();如果找到了匹配的元素,从0开始(0,1,2..)返回;如果没有找到匹配的元素,返回-1。2.attr()/val()/html()/text() text()- 设置或返回所选元素的文本内容html()- 设置或返回所选元素的内容(包括 HTML 标记)原创 2017-07-13 16:28:04 · 998 阅读 · 0 评论 -
JQuery点击按钮 数字递增递减
在很多电商网站中,在购物车所在页面,涉及到商品数量的时候,都会提供一个+号按钮和-号按钮来实现增1和减1,并且只允许input中输入数值。如下html,body,div,ul,li{ margin: 0; padding: 0;}a{text-decoration: none;}.addcount{ width: 200px; margin:50px aut原创 2017-07-13 16:36:37 · 7444 阅读 · 1 评论 -
滚动相应效果——返回顶部
1.html 2.js//返回顶部function goTop(acceleration, time) { acceleration = acceleration || 0.1; time = time || 16; var x1 = 0; var y1 = 0; var x2 = 0; var y2 = 0; var x3 = 0; var原创 2017-07-14 11:00:32 · 419 阅读 · 0 评论 -
复选框选中事件
一.方法1.jquery判断checked的三种方法:.attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false.prop('checked'); //16+:true/false.is(':checked'); //所有版本:true/false//别忘记冒号哦2.jquery赋值checke原创 2017-07-14 09:51:50 · 2726 阅读 · 0 评论 -
适用于各个浏览器并兼任ie7以上的轮播图
这是使用绝对定位来做 轮播图 body,ul,li{margin: 0;padding: 0;} /*幻灯片*/ .bannerwarp{ width: 100%; height: 600px; position: relative;原创 2017-03-06 10:36:33 · 2850 阅读 · 0 评论 -
JQuery 公告滚动(跑马灯特效)
一.公告向左滚动html,body,div,ul,li{ margin: 0; padding: 0;}a{text-decoration: none;}.noticelist{ width: 730px; white-space: nowrap; overflow: hidden; background: #ccc;原创 2017-07-13 15:11:06 · 2379 阅读 · 0 评论 -
JQuery对象和DOM对象的区别
一.分析JQuery对象和DOM对象的区别 首先DOM对象是我们用传统的方法(JavaScript)获得的对象,jQuery对象就是用jQuery的类库选择器获得的对象。JQuery对象就是通过jQuery包装DOM对象后产生的对象。JQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法;DOM对象就是javascript固有的一些对象。D原创 2017-08-01 09:48:52 · 719 阅读 · 0 评论 -
浅析jQuery源码特性的分析
jQuery的总体架构可以分为:入口模块、底层模块和功能模块。这里,我们以jquery-1.7为例进行分析。一.jquery的总体架构(function( window, undefined ) { // 构造 jQuery 对象 var jQuery = (function() { var jQuery = function( selector, context ) { ...转载 2019-02-15 10:39:33 · 252 阅读 · 0 评论