51dev.com IT技术开发者社区

51dev.com 技术开发者社区

用jquery技术实现table的奇数行变色

用jquery技术实现table的奇数行变色

完整代码:<scripttype="text/javascript"src="js/jquery-1.9.1.min.js"></script><styletype="text/css">.red2{background:#eeeeee;}</style><scri...

JQuery手机端预约时间段选择

JQuery手机端预约时间段选择

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>时间表选择</title><style>body,ul,li{margin:0;padding:0;}li{list-style...

JQuery应用实例——体育馆预约系统的预约功能实现

JQuery应用实例——体育馆预约系统的预约功能实现

之前的项目中涉及到体育馆预约功能的实现,其中每个场馆的开放时间不同,场馆内场地数目不同,借助jQuery实现一个预约功能,效果如下图。这看起来有些类似于人们在电影院购买电影票的操作,根据选择的电影和场次在屏幕上显示影厅中所有座位的空闲情况。先分析一下数据库,其中一张场馆表,记录了场馆的名称、对应的运动、开放时间、场地数...

jQuery 事件 - ready() 方法

jQuery 事件 - ready() 方法

在文档加载后激活函数:当DOM(文档对象模型)已经加载,并且页面(包括图像)已经完全呈现时,会发生ready事件。由于该事件在文档就绪后发生,因此把所有其他的jQuery事件和函数置于该事件中是非常好的做法。ready()函数规定当ready事件发生时执行的代码。ready()函数仅能用于当前文档,因此无需选择器。...

jQuery 文档操作 - wrap() 方法

jQuery 文档操作 - wrap() 方法

wrap()方法把每个被选元素放置在指定的HTML内容或元素中。 在元素中包裹每个段落:$(".btn1").click(function(){   $("p").wrap("");});...

jquery easyui 验证 自定义

jquery easyui 验证 自定义

自定义验证规则,需要重写$.fn.validatebox.defaults.rules中定义的验证器函数和无效消息。$.extend($.fn.validatebox.defaults.rules,{idcard:{//验证身份证validator:function(value){return/^d{15}(d{2}[...

jquery实现全选和取消全选

jquery实现全选和取消全选

JSCode:$(‘#checkAll‘).click(function(){//监听全选的点击事件if($(‘#checkAll‘).attr(‘checked‘)==true){//判断自身是否选中$(‘#exportSelectinput[type=checkbox]‘).attr(‘checked‘,true)...

jquery判断元素的显示状态(显示还是隐藏)

jquery判断元素的显示状态(显示还是隐藏)

JSCode:if($(‘.combo-p‘).is(":visible")==true){alert("这是显示的");}else{alert("这是隐藏的");}jquery与visible相反的是隐藏hidden...

jQuery 1.9 .live() is not a function

jQuery 1.9 .live() is not a function

jquery中的live()方法在jquery1.9及以上的版本中已被废弃了,如果使用,会抛出TypeError:$(...).liveisnotafunction错误。解决方法:之前的用法:.live(events,function)  新方法:.on(eventType,selector,fun...

jQuery.parseJSON()

jQuery.parseJSON()

从jQuery3.0开始,不推荐使用$.parseJSON。要解析JSON字符串,请改用原生的 JSON.parse 方法。传入格式有误的JSON字符串可能导致抛出异常。例如,下面这些无效的JSON字符串:{test:1} (test没有使用双引号包裹).{'test':1...

jQuery :odd 选择器

jQuery :odd 选择器

选择每个相隔的(奇数)<tr>元素:$("tr:odd"):odd选择器选取每个带有奇数index值的元素(比如1、3、5)。index值从0开始,所有第一个元素是偶数(0)。最常见的用法:与其他元素/选择器一起使用,来选择指定的组中奇数序号的元素(如上面的例子)。语法$(":odd") ...

jQuery 效果 - slideUp() 方法

jQuery 效果 - slideUp() 方法

以滑动方式隐藏<p>元素:$(".btn1").click(function(){$("p").slideUp();});通过使用滑动效果,隐藏被选元素,如果元素已显示出来的话。语法$(selector).slideUp(speed,callback)参数描述speed可选。规定元素从可见到隐藏的速度(或者...

JQuery 向下展开收起动画( slideDown(),slideUp() )

JQuery 向下展开收起动画( slideDown(),slideUp() )

$('#div1').slideDown(1000); //向下展开,下拉。1000毫秒,表示动画展开过程时间。$('#div1').slideUp(1000); //向上收起$('#div1').slideToggle(1000); //合...

解析基于jQuery的queue()函数应用

解析基于jQuery的queue()函数应用

大家都知道,实现一种效果可以使用多种方法,比如当我们匹配元素时候,你会用到queue()函数吗?或许你用了其他的方法,但是我们今天主题是:用queue()函数去匹配元素。其实如果当前jQuery对象匹配多个元素,获取队列时,只获取第一个匹配元素上的队列;设置队列(替换队列、追加函数)时,则为每个匹配元素都分别进行设置。...

基于jQuery数据加载流

基于jQuery数据加载流

先前学习过一些基于jQuery数据加载流的知识,觉得方法很多,但是万变不离其宗,今天就回顾下最原始的数据预加载的功能。实现『加载更多』功能,网上有插件可用,例如比较著名的使用iscroll.js实现的上拉加载更多、下拉刷新功能。但实际用起来却是很麻烦。由于是第三方插件,要按照对方定义的方法使用,用起来总感觉很不顺心。再...