1. 禁止右键点击12345$(document).ready(function(){ $(document).bind("contextmenu",function(e){ returnfalse; });});2. 隐藏搜索文本框文字Hide when clicked in the search field, the value.(example can be found below in the comment fields)1234567891011121314$(document).ready(function() {$("input.text1").val("Enter your search text here"); textFill($(‘input.text1‘));}); functiontext...
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.使用animate()来操控页面滚动, obj.offset().top 对象距页面顶部的距离，left距页面左边，js中obj.offsetTop为对象距离定位父级的距离，注意区分。$(‘#btn‘).on(‘click‘, function (){$(‘html,body‘).animate({scrollTop : $(this).offset().top});//测试兼容IE5…… 哈哈哈哈 }) 原文：http://www.cnblogs.com/gaopy/p/4952885.html
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‘)); }); function textFill(input){...
回到顶部按钮通过使用 jQuery 中的 animate 和 scrollTop 方法，你无需插件便可创建一个简单地回到顶部动画：1// Back to top2 $(‘a.top‘).click(function (e) { 3 e.preventDefault(); 4 $(document.body).animate({scrollTop: 0}, 800); 5 });1 <!-- Create an anchor tag --> 2 <a class="top" href="#">Back to top</a>将 scrollTop 的值改为你想要 scrollbar 停止的地方。然后你要做的就是，设置在 800 毫秒内回到顶部。...
收集的35个 jQuery 小技巧/代码片段，可以帮你快速开发.1. 禁止右键点击$(document).ready(function(){$(document).bind("contextmenu",function(e){returnfalse;}); });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‘)); });functi...
本文为翻译文章，原文在jquery-tips-everyone-should-know回到顶部的按钮通过使用jQuery中的animate 与 scrollTop 方法可以创建一个非常简易的带有平滑滚动的回到顶部的按钮：// Back to top $(‘a.top‘).click(function (e) { e.preventDefault(); $(document.body).animate({scrollTop: 0}, 800); });<!-- Create an anchor tag --><a class="top" href="#">Back to top</a>通过修改 scrollTop的值可以设置滚动最终停止的位...
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‘));}); function textFill(input){ //input foc...
本文主要和大家分享15 个jQuery小技巧（干货）相关教程，具体实例代码请看下文，希望能帮助到大家。1.返回顶部按钮你可以利用animate和scrollTop来实现返回顶部的动画，而不需要使用其他插件。?code123$(a.top).click(function(){ $(document.body).animate({scrollTop:0},800);returnfalse});改变scrollTop的值可以调整返回距离顶部的距离，而animate的第二个参数是执行返回动作需要的时间(单位：毫秒)。2.预加载图片如果你的页...
通过使用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 的值可以更改你想要放置滚动条的位置。所有你真正需要做的是在800毫秒的时间内设置文档主体的动画，直到它滚动到文档的顶部。注：...
收集的10个 jQuery 小技巧/代码片段，可以帮你快速开发。1.返回顶部按钮你可以利用animate和scrollTop来实现返回顶部的动画，而不需要使用其他插件。// Back to top $(a.top).click(function () {$(document.body).animate({scrollTop: 0}, 800);return false; }); <!-- Create an anchor tag --> <a class="top" href="#">Back to top</a>改变scrollTop的值可以调整返回距离顶部的距离，而animate的第二个参数是执行返回动作需要的...
1.禁用右键菜单 代码如下: $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2.让字体闪烁 代码如下: jQuery.fn.flash = function( color, duration ) { var current = this.css( color ); this.animate( { color: rgb( + color + ) }, duration / 2 ); this.animate( { color: current }, duration / 2 ); } $( #someid ).flash( 255,0,0, 1000 ); 3.准备文档替换方案 代码...
> 唔，这个主题挂的时间也够长的了，也该换换了，到时候找找看有没有合胃口的主题。 > 话说，最近有点偏向 PHP 去了，我发现贪多嚼不烂，所以就又回到主题咯，(*^__^*) 嘻嘻。 1. Jquery 库的调用： > 呵呵，相信很多童鞋早就会了，不过还是得提一下，忘记就杯具咯。 > 第一个是常用的 Google 托管处的 jQuery 库地址。 > 而第二个则是 jQuery 官方网站的库地址，随时获取最新版，嘿嘿。 代码如下: <script src="http://ajax.goog...
比如有禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery类库与其他Javascript类库冲突问题。 具体如下： 1. 禁止右键点击 代码如下...
1、DOM遍历是昂贵的，将变量缓存起来。代码如下: //不推荐 var h = $(#ele).height(); $(#ele).css(height, h-20);代码如下: //推荐 var $ele = $(#ele); var h = $ele.height(); $ele.css(height,h-20);2、优化选择符。代码如下: //不推荐 $(div#myid)代码如下: //推荐 $(#myid)3、避免隐式通用选择符。代码如下: //不推荐 $(.someclass :radio)代码如下: //推荐 $(.someclass input:radio)4、避免通用选择符。代码如下: //不推荐...