1、获取单个checkbox选中项(三种写法)$("input:checkbox:checked").val()或者$("input:[type='checkbox']:checked").val();或者$("input:[name='ck']:checked").val(); 2、 获取多个checkbox选中项$(input:checkbox).each(function() { if ($(this).attr(checked) ==true) { alert($(this).val()); }}); 3、设置第一个checkbox 为选中值$(input:checkbox:first).attr("checked",checked);或者$(input...
1) 禁止右键 在开发 Web 应用的时候，有些情况需要禁用右键单击功能。使用此代码，jQuery 开发人员可以在网页上禁用鼠标右键点击。代码如下： 代码如下: $(document).ready(function() { //catch the right-click context menu $(document).bind("contextmenu",function(e) { //warning prompt - optional alert("No right-clicking!"); //delete the default context menu return false; }); }); 2) 文本缩放 使用下面的代码，用...
$(function(){ $("#btnSubmit").click(function(){ $("form[name='form1']").submit(); $("form[name='form2']").submit(); }) }) 提交
1.获取td的行标和列标代码如下: $(this).prop(cellIndex)2.判断是否是回车按下代码如下: var myEvent = event || window.event; var key = myEvent.keyCode; if(key == 13){ //此时为回车按下 }3.全选和反选代码如下: $("#selectall").click(function(){if($("input[name=id[]]").is(":checked")){$("input[name=id[]]").prop("checked",false);}else{$("input[name=id[]]").prop("checked",true);} });4.双击修改 ...
1.jQuery功能函数前缀 在javascript中，开发者通常会编写一些小函数来处理各种操作细节，例如在用户提交表单时，要将文本框最前端和最末端的空格内容清理掉。而javascript中没有类似trim()功能，在师院jQuery后，便可以使用trim()函数。 trim()函数是jQuery对象的一个方法，使用以下例子代码如下: var sString = " 1234567890";sString = $.trim(sString);alert(sString.length);执行结果字符串sString的首尾空格都被jQuery取掉了...
下文里技巧实现的效果虽然并不新鲜，但通过jQuery的封装，HTML实现了很大的清洁。清爽简洁又高效的代码任何时候都是开发者所醉心追求的终极目标，也许它简单，但是它能量巨大。一起来看看脚本之家小编推荐给大家的五个非常实用的jQuery技巧。 1.禁用鼠标右键$(document).ready(function() {$(document).bind("contextmenu", function(e) {return false;}); });当然jquery1.7版本以后bind()函数推荐用on()来代替。 2.让内容闪烁起来...
一个简单技巧的集合，帮你提升 jQuery 技能。目前小编给大家整理了14个jquery小技巧。目录结构 1回到顶部按钮 2预加载图片 3检查图片是否加载完毕 4自动修复损坏的图片 5Hover 上的 Class 开关 6禁用 input 字段 7停止链接加载 8淡入淡出/滑动开关 9简单的折叠效果 10将两个 Div 设为相同高度 11在新窗口打开外部链接 12找到文本元素 13切换可视与隐藏的触发器 下面给大家介绍每个小技巧的具体含义。 1.回到顶部按钮 通过使用 jQue...
帮助提高你jQuery应用的15个大家都熟知的jquery小技巧，分享给大家 回到顶部按钮图片预加载判断图片是否加载完自动修补破损图像Hover切换class类禁用输入停止正在加载的链接toggle fade/slide简单的手风琴使两个DIV同等高度在浏览器标签/新窗口打开外部链接根据文本获取元素可见变化的触发Ajax调用错误处理链式操作1、回到顶部按钮 利用jQuery里的animate和scrollTop方法，你便不需要使用插件创建简单的滚动到顶部动画。// Back to...
jQuery是一款轻量级的JavaScript库，是最流行的客户端HTML脚本之一，它在WEB设计师和开发者中非常的有名，并且有非常多有用的插件和技术。本文我们将为大家分享一些jQuery小技巧： 一、在新窗口打开链接 用下面的代码，你点击链接即可在新窗口打开：$(document).ready(function() {//select all anchor tags that have http in the href//and apply the target=_blank$("a[href^='http']").attr('target','_blank'); });二、设置等...
下面列出了一些Jquery使用技巧。比如有禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery类库与其他Javascript类库冲突问题。 1. 禁止...
以下只为记录自己工作常用的片段和心得, 如有问题请指正, 多谢~ jQuery/zepto判断元素是否存在 // 判断长度是否存在, 正确 if ($elem.length) { }// 错误, 因为空数组也是true if ($elem) { }合理判断数据类型 先看代码: function case(str) {return str.match(/reg/); } 看着没问题, 但当 str 为空(false, null等)时就挂了, 适当的检查让代码更健壮, 如: function case(str) {return "string" === typeof str ? str.match(/reg/) ...
下面这些简单的小技巧能够帮助你玩转jQuery。 1、返回顶部按钮 通过使用jQuery中的animate 和scrollTop 方法，不用插件就可以创建一个滚动到顶部的简单动画： // Back to top $(.top).click(function (e) { e.preventDefault(); $(html, body).animate({scrollTop: 0}, 800); }); <!-- Create an anchor tag --> <a class="top" href="#">Back to top</a>改变scrollTop 的值可以更改你想要放置滚动条的位置。所有你真正需要做的是在...
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例<input id="txt" class="text1" type="text" /> <script src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript">$(function () {$("input.text1").val("输入文字！");textFill($(input.text1));}) function textFill(input) {var str = input.val();input.focus(function () {if ($.trim(input.val()) == str) {input.val();}}).blur(function () {if ($.t...
在开发过很多 jQuery 插件以后，我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式。这样我就可以复制并粘贴大部分的代码结构，只要专注最主要的逻辑代码就行了。 使用相同的设计模式和架构也让修复bug或者二次开发更容易。一套经过验证的架构可以保证我的插件不出大的问题，不论插件简单还是复杂。我在这里分享10条我总结的经验。 1. 把你的代码全部放在闭包里面 这是我用的最多的一条。但是有时候在闭包外面的方法会不能调...
废话不说 直接代码，有问题可以一起交流 1. 禁止右键点击 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2. 隐藏搜索文本框文字 Hide when clicked in the search field, the value.(example can be found below in the comment fields) $(document).ready(function() { $("input.text1").val("Enter your search text here"); textFill($(input.text1)); }); fu...