1、实例源码 代码如下: jQuery中的val() $(function(){ $("#btn").click(function(){ $("input[name=ckb]:checked").each(function() { alert($(this).val()); }); }); }); 篮球 足球 排球 2、结果如下 （1）选中所有的 依次弹出“篮球、足球和排球” （2）选中部分 依次弹出相应的值 （3）全不选 不弹窗口JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canv...
今天在看>时看到了proxy()的使用,感觉很模糊,就到处找资料. jQuery的源码也没看明白. 不过总算明白了proxy的用法了; 代码如下: 代码如下: var obj = { name: "我是obj的name", sayName: function () { alert(this.name); } } $("#guoBtn").click(obj.sayName); //我是按钮的name // 如果我想访问obj的name怎么办呢? $("#guoBtn").click($.proxy(obj.sayName,obj));//"我是obj的name" $("#guoBtn").click($.proxy(obj, "sayNam...
1、首先到jQuery官网下载js库，网址为http://jquery.com/ 2、建立一个jQuery示例的项目。 3、将js库放到jQuery示例的项目中。 4、写一个html页面 代码如下: Insert title here .bg{ /*背景颜色*/ background: #f00; /*字体颜色*/ color: #fff; width: 80px; } ul, li { /*清除ul和li上默认的小圆点*/ list-style: none; } ul { /*清除子菜单的缩进值*/ padding: 0;/*IE8,IE9,火狐可以；IE7，IE6，IE5.5不行*/ margin: 0;...
iframe自适应高度本身是很简单的方法，就是在页面加载完成后，重新计算一下高度即可。 代码如下： 代码如下://公共方法：设置iframe的高度以保证全部显示数据//function SetPageHeight() {// var iframe = getUrlParam(ifname);// var myiframe = window.parent.document.getElementById(iframe);// iframeLoaded(myiframe);//}var iframeLoaded = function (iframe) { if (iframe.src.length > 0) { if (!ifr...
实现两个下拉框数据移动，追加 代码如下: $(#add).click(function(){ var $options = $(#select1 option:selected); //获取选中的项 var $remove = $options.remove(); $remove.appenTo(#select2); }); 简化如下 代码如下: $(#add).click(function(){ var $options = $(#select1 option:selected); //获取选中的项 $remove.appenTo(#select2); });
文本框中的事件应用：以输入邮箱为例，如图： 代码如下： 代码如下: jquery文本框中的事件应用 body{ font-size:13px;} /*元素初始化样式*/ .divInit{ width:390px; height:55px; line-height:55px; padding-left:20px;} .txtInit{ border:solid 1px #666; padding:3px; background-image:url('Images/bg_email_input.gif');} .spnInit{ width:179px; height:40px; line-height:40px; float:right; margin-top:8px; padding-l...
代码如下: $.ajax({ type:"POST", url:"../page/user.action?userId=" + userNo, dataType:"json", data:{ "userId":userNo, "userName":username }, success:function(data){ console.info(data.items); console.dir(data.items.length); } });
代码如下: $(function(){ $("#input").focus(function(){//#input换成你的input的ID //这里写获得焦点之后运行的代码。 }).blur(function(){ //$(".scroll-question").css("display","none"); }); }) }) live要1.4才支持，以下ie，firefox都没问题 代码如下: 无标题文档 $(document).ready(function() { $("#nameBefore").dblclick(function() { $("#nameBefore").replaceWith(""); } ); //失去焦点以后 $("#nameInVal").l...
测试发现，textarea和select的jquery的clone方法有问题，textarea和select的值clone的时候会丢掉，发现这个是jquery的一个bug,上不了的可以看下代码，比较简单。就是在clone的时候将val再重新赋值一下，如果知道这个了，就简单了自己写。 引入到你要用的clone的页面就ok jquery.fix.clone.js(function (original) { jQuery.fn.clone = function () { var result = original.apply(this, arguments), my_textareas = this.find('tex...
今天浏览jQuery的deprecated列表，发现live()和die()在里面了，赶紧看了一下，发现从jQuery1.7开始，jQuery引入了全新的事件绑定机制，on()和off()两个函数统一处理事件绑定。因为在此之前有bind(), live(), delegate()等方法来处理事件绑定，jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法。 on(events,[selector],[data],fn) events:一个或多个用空格分隔的事件类型和可选的命名空...
一. 复合选择器对checkbox的相关操作例.需要把类型为checkbox，同时"可用"的元素设置成"已选择" 方法①使用属性过滤选择器 [type=checkbox] 和 [disabled!=disabled]$("input[type='checkbox'][disabled!=disabled]").attr("checked",true);注意在这个复合选择器中，"可用"元素的选择应使用 disabled!=disabled，而设置属性时应使用 attr("checked",true)。disabled属性和checked属性的用法类似。 方法②使用表单选择器 :checkbox ...
因为最近自己的产品要在微信公众号中推广，需要提供一些有意义的功能，于是被迫走上了支持微信这条不归路。 众所周知，腾讯是那样一个神奇的公司，他们的产品在商业上获得巨大成功，但文档真的很难令人恭维，诺大一个公众号开发平台，我竟然找不到真正的，关于web开发的官方文档，有的就是个别示例，剩下的...呵呵，有一个叫开发者交流互助的东东。看完上面这个图后，有没有这样的感觉，一帮群众拼命的想知道发生了什么，但就是没有...
前言：转眼间，已经是11月中旬了，也从今天开始我要继续在研究ASP.NET MVC的细节用法，所以将这些读书笔记和个人心得写成博客，让大家也能学习到东西，我阅读的书籍是：ASP.NET MVC高级编程,下面我就说说MVC中如何使用JavaScript和Jquery。还有我们现在经常使用的Ajax。 1.Ajax初步介绍(1) 现在我们创建的Web应用程序几乎都要用到Ajax技术，从技术上面讲，Ajax代表异步JavaScript和XML(Asynchronous JavaScript and XML，Ajax)。在...
本文实例讲述了jQuery应用之jQuery链用法。分享给大家供大家参考。具体分析如下： 很多时候我们可以将jQuery语句链接在一起，这不仅可以缩短代码长度，而且很多时候可以实现特殊的效果。先看如下代码：代码如下:$(function() {$("div").addClass("css1").filter(function(index) {return index == 1 || $(this).attr("id") == "fourth";}).addClass("css2");});以上代码为整个列表增加样式css1,然后再进行筛选，再为筛选的元素单独...
pushStack是jQuery内核中一个非常重要的函数，它是如此重要，以至于许多jQuery内部函数中都频繁用到它。平常情况下，虽然很少用到它, 但是掌握这个函数，不仅有利于理解jQuery的运行原理，还方便我们做更加高级的jQuery操作。 顾名思义，pushStack是入栈, 栈作为一种数据结构，是一种只能在一端进行插入和删除操作的特殊线性表。数据入栈时，类似与我们进电梯，后进而先出, 如下图:jQuery中的栈其实并不是真正的栈，而是给jQuery对...