代码收藏系列--jquery--筛选器、事件绑定技巧（转载）

代码收藏系列--jquery--筛选器、事件绑定技巧

Jquery筛选器的一些常用技巧,比如过滤属性等 /* 过滤获取没有含data-xsui-grid-colspan的节点 */$(this).find('.xsui-grid-cell:not([data-xsui-grid-colspan])'); jQuery绑定input控件的回车事件 // input文本输入框按确定按键后,触发Tab按键,自动跳到下一个输入框 $('input[type="text"]').bind('keydown', function (e) { if (…

代码收藏系列--jquery--筛选器、事件绑定技巧（转载）

代码收藏系列--jquery--筛选器.事件绑定技巧 Jquery筛选器的一些常用技巧,比如过滤属性等 /* 过滤获取没有含data-xsui-grid-colspan的节点 */$(this).find('.xsui-grid-cell:not([data-xsui-grid-colspan])'); jQuery绑定input控件的回车事件 // input文本输入框按确定按键后,触发Tab按键,自动跳到下一个输入框 $('input[type="text"]').bind('ke…

jQuery 中的事件绑定

一.事件概念和数据库中的触发器一样,当操作了数据的时候会引发对应的触发器程序执行一样,JS 中的事件就是对用户特定的行为作出相应的响应的过程,其实上就是浏览器监听到用户的某些行为的时候会执行对应绑定程序. 二.事件的绑定在 html元素上将触发事件的行为和事件响应的程序关联起来的过程就是事件绑定.在绑定事件的时候需要先取得 html 中的按钮,但是此时html 还没有加载完毕,所以不能取得按钮元素(button).此时我们可以将js 的导入放到页面的最后(这是之前的方案),也可以使用一…

代码收藏系列--mysql--创建数据库、数据表、函数、存储过程命令

创建mysql数据库 CREATE DATABASE IF NOT EXISTS `database_name` DEFAULT CHARSET utf8 COLLATE utf8_general_ci; 创建mysql数据表 drop table if exists `table_name`; create table if not exists `table_name` ( id int auto_increment primary key comment '主键编号', `name` )…

jQuery筛选器及对DOM修改（学习笔记）

1.jQuery筛选器注意:请先在管理Nuget程序包中查找jQuery包,并安装.也可以在jQuery官网下载. 实现: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type" content="text/html; char…

jQuery中的事件绑定方法

在jQuery中,事件绑定方法大致有四种:bind(),live(), delegate(),和on(). 那么在工作中应该如何选择呢?首先要了解四种方法的区别和各自的特点. 在了解这些之前,首先要知道,不管你用的是(live/ bind / delegate)之中那个方法,最终都是jQuery底层都是调用on方法来完成最终的事件绑定;.unbind(), .die(), .undelegate(),也是一样的都是通过.off()来实现的; 因此从某种角度来讲除了在书写的方便程度及习惯上挑选,不…

关于jQuery新的事件绑定机制on()的使用技巧

关于jQuery新的事件绑定机制on()的使用技巧 http://www.jb51.net/article/36064.htm 本篇文章介绍了,关于jQuery新的事件绑定机制on()的使用技巧.需要的朋友参考下今天浏览jQuery的deprecated列表,发现live()和die()在里面了,赶紧看了一下,发现从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函数统一处理事件绑定.因为在此之前有bind(), live(), delegate()等方法来…

Jquery中的事件绑定$("#btn").bind("click",function(){ })

Jquery中的事件绑定:$("#btn").bind("click",function(){ }) 由于每次都这么调用太麻烦,所以jquery就用$("#btn").click(function(){})来进行简化…

jQuery 筛选器1

jQuery 筛选器1 筛选器1: 在选择器选择的基础上在选择一次 // 当前点击的标签$(this) $(this) // .next() 获取当标签的下一个标签 $(this).next(); // .nextAll() 获取当标签的下面所有标签 $(this).nextAll(); // .nextUntil() 获取当标签的下面与指定标签之间所有标签 $(this).nextUntil('#id'); // .prev() 获取当标签的上一个标签 $(this).prev() ; //…

jQuery 筛选器2

jQuery 筛选器2 // 由于$()只能输入字符串$('#li:eq(1)'),可通过.eq()来传入. // 获取this标签中的指定属性 $(this).eq(1) // 获取第一个元素 $(this).first() // 获取最后一个元素 $(this).last() // 检查当前元素是否含有某个特定类,有返回true,没有false. $(this).hasClass(class)…

代码收藏系列--php--生成简短唯一订单号（转载）

代码收藏系列--php--生成简短唯一订单号 /** * 生成商家交易单号 * <br />特点:不重复 * <br />示例: * <br />普通付款:array('shop_id'=>1,'product_id'=>array(1,2,3), 'user_id'=>1, 'ip'=>'127.0.0.1', 'amount'=>0.01, 'timestamp'=>'2017-06-22 18:02:33', 'sign_key…

代码收藏系列--php--生成简短唯一订单号

/** * 生成商家交易单号 * <br />特点:不重复 * <br />示例: * <br />普通付款:array('shop_id'=>1,'product_id'=>array(1,2,3), 'user_id'=>1, 'ip'=>'127.0.0.1', 'amount'=>0.01, 'timestamp'=>'2017-06-22 18:02:33', 'sign_key'=>'signkey!@#123_')…

代码收藏系列--javascript--日期函数

/** * 获取当前时间的简短函数 * @returns {String} * @@example getTimeStamp() 结果是:2017-07-12 09:21:30 */ function getTimeStamp() { var date = new Date(); var o = {y: date.getFullYear(), m: date.getMonth() + 1, d: date.getDate(), h: date.getHours(), i: date.getMin…

代码收藏系列--javascript--移动端技巧

JS判断是否是手机端访问: var is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null; if (is_mobi) { window.location.href = "http://m.xxx.com"; } JS判断安卓浏览器.IOS浏览…

代码收藏系列--php--加载sql文件并解析成数组

php加载sql文件,解析成以分号分割的数组.(支持存储过程和函数提取,自动过滤注释) /** * 加载sql文件为分号分割的数组 * <br />支持存储过程和函数提取,自动过滤注释 * <br />例如: var_export(load_sql_file('mysql_routing_example/fn_cdr_parse_accountcode.sql')); * @param string $path 文件路径 * @return boolean|array * @sin…

jQuery筛选器及练习

jQuery初识 jQuery是什么? jQuery是一个兼容多浏览器的JavaScript库. jQuery能极大地简化JavaScript编程,它的宗旨就是:"Write less,do more." jQuery包含以下内容: HTML元素选取 HTML元素操作 CSS操作 HTML事件函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX 下载链接:jQuery官网 jQuery对象 jQuery对象就是通过jQuery包装DOM对象后产生的对象,jQu…

JQuery实现click事件绑定与触发方法分析

原生JS通过什么方法绑定click事件? 原生js有一下三种方法为DOM对象绑定click事件, 第一种,在html中添加 onclick属性,在此属性中添加要绑定的事件函数,如下, 这种方法为html处理事件的原始方法,使得html和js过分耦合, 即表现层代码和行为层代码耦合: <html> <head> <script src="./jquery.js"></script> </head> <body>…

jQuery三种事件绑定方式.bind(),.live(),.delegate()

.bind(), .live(), 和 .delegate()之间的区别并不明显.但是理解它们的不同之处有助于写出更简洁的代码,并防止我们的交互程序中出现没有预料到的bug. 基础 DOM树首先,图形化的HTML文档能帮助我们更好的理解.一个简单的HTML页面看起来应该像这样事件冒泡(也称作事件传递)(Event bubbling aka event propagation) 点击一个链接,触发绑定在链接元素上的 click 事件,进而触发绑定到这个元素的click事件的函数. 1 $('a…

jQuery 新添加元素事件绑定无效

jQuery中事件绑定,大多使用on就足够了. 但是对于新添加的元素 on 的绑定事件会不起作用. 因为 append 中的节点是在整个文档加载之后才添加的,页面并不会为未来的元素初始化添加点击事件,因此这种方式添加的节点的点击事件是无效的. 解决方法: 事件委托.事件委托就是利用事件冒泡的原理,把事件添加到父元素或祖先元素上,触发执行效果. 原代码: $('#ul li').on('click', function() { alert($(this).html()) }) 修改为: $…

jQuery中的事件绑定的几种方式

jQuery目前有on(),bind(),delegate(),live()四种绑定方式,但是随着版本的不断更新,有的方式也相应的被淘汰掉 [band()方式绑定] 3.0版本之前的绑定方式比较常用的是bind()绑定事件,解除事件的方式是unbind(),但是在3.0之后band()的绑定方式也别相应的解除掉了.bind()的事件绑定是只对当前页面选中的元素有效.如果你想对动态创建的元素bind()事件,是没有办法达到效果的,如下代码. <body> <button id="…

jQuery笔记-jQuery筛选器children()详解

jQuery的选择包含两种,一种是选择器,一种是筛选器.筛选器是对选择器选定的jQuery对象做进一步选择. children()是一个筛选器,顾名思义就是筛选孩子,筛选那些符合条件的孩子. 完整的格式如下: .children(expr) 其中children是筛选器的名称,expr是表达式,所有选择器中的表达式都可以用在这,比如按标签名"div",按类名".class",按序号":first"等等,如果表达式为空,那么返回的是所有的孩…

JQuery学习：事件绑定&入口函数&样式控制

1.基础语法学习: 1.事件绑定 2.入口函数 3.样式控制 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=…

jQuery插件 -- 动态事件绑定插件jquery.livequery.js

http://blog.csdn.net/zzq58157383/article/details/7721974 动态事件绑定插件livequery, 可以利用它给相应的DOM元素注册事件或者触发回调函数.不仅当选择器匹配的元素会被绑定事件,而且后来通过JavaScript添加的元素都会被绑定事件.当元素不再和选择器匹配时,livequery会自动取消事件注册,使得开发者不再需要关注HTML元素的来源,只需要关注如何编写其绑定的事件即可通过jQuery选择器选择一个DOM元素,livequer…

jQuery新的事件绑定机制on()

浏览jQuery的deprecated列表,发现live()和die()在里面了,赶紧看了一下,发现从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函数统一处理事件绑定.因为在此之前有 bind(), live(), delegate()等方法来处理事件绑定,jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法. on(events,[selector],[data],fn) events:一个或多个用空格分隔的…