文本输入框    计算器

<html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>无标题</title>

        <script type="text/javascript">

        function sum(obj) {

            var a = document.getElementById("a");

            var b = document.getElementById("b");

            var s = document.getElementById("sum");

            if(a.value === "" || b.value === "") {

                return;

            }

            s.value = parseInt(a.value) + parseInt(b.value);

        }

        </script>

    </head>

    <body>

        <input type="text" id="a" onkeyup="sum(this);" />

        <input type="text" id="b" onkeyup="sum(this);" />

        <input type="text" id="sum" />

    </body>

</html>

js全选

<SCRIPT type="text/javascript">

$(document).ready(function() {

    $("#checkedAll").click(function(){

        //try{

        if($(this).attr("checked") == true){ //check all

            $("input[name='checkbox_name']").each(function(){

                $(this).attr("checked",true);

            });

        }else{

            $("input[name='checkbox_name']").each(function(){

                $(this).attr("checked",false);

            });

        }

        //}catch(e){

        //alert(e.description+e.name+e.message)

        //}

    });

});

</SCRIPT>

    <div class="components-list">

        <input type="checkbox" name="checkbox_name" id="checkbox_name_1" /><br />

        <input type="checkbox" name="checkbox_name" id="checkbox_name_2" /><br />

        <input type="checkbox" name="checkbox_name" id="checkbox_name_3" /><br />

        <input type="checkbox" name="checkbox_name" id="checkbox_name_4" /><br />

        <input type="checkbox" name="checkedAll" id="checkedAll"/>全选/取消全选

    </div>

jQuery获取Select选择的Text和Value:

语法解释：

. $("#select_id").change(function(){//code...});   //为Select添加事件，当选择其中一项时触发

. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text

. var checkValue=$("#select_id").val();  //获取Select选择的Value

. var checkIndex=$("#select_id ").get().selectedIndex;  //获取Select选择的索引值

. var maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值

jQuery设置Select选择的 Text和Value:

语法解释：

. $("#select_id ").get().selectedIndex=;  //设置Select索引值为1的项选中

. $("#select_id ").val();   // 设置Select的Value值为4的项选中

. $("#select_id option[text='jQuery']").attr("selected", true);   //设置Select的Text值为jQuery的项选中

选中checkbox：

//jQuery 1.6+

$("#checkboxID").prop("checked", true);

$("#checkboxID").prop("checked", false);

//jQuery 1.5 and below

$('#checkboxID').attr('checked','checked')

$('#checkboxID').removeAttr('checked')

jQuery中event.preventDefault() 与 return false 的区别

//Demo1 event.preventDefault()

$('a').click(function (e) {

    // custom handling here

    e.preventDefault();

});

//Demo2 return false

$('a').click(function () {

    // custom handling here

    return false;

};

合并两个Array并去掉重复项

Array.prototype.unique = function() {

    var a = this.concat();

    for(var i=; i<a.length; ++i) {

        for(var j=i+; j<a.length; ++j) {

            if(a[i] === a[j])

                a.splice(j, );

        }

    }

    return a;

};

//Demo

var array1 = ["a","b"];

var array2 = ["b", "c"];

var array3 = array1.concat(array2).unique();

// ["a","b","c"]
取数组中的最小值和最大值

var arr = new Array();

arr[] = ;

arr[] = ;

arr[] = ;

var min = Math.min.apply(null, arr),

    max = Math.max.apply(null, arr);

js 常用插件的更多相关文章

  1. js常用插件

    1.jQuery Shortcuts 是个超轻量级的方法,使用 jQuery 来绑定快捷键(热键). 2.Underscore封装了常用的JavaScript对象操作方法,用于提高开发效率. 3.Kn ...

  2. Js常用插件介绍

    *各种JS功能介绍 1.zDialog.js 各种弹窗插件详细案例:http://www.2ky.cn/Pri_upfile/txdemo/0811/zDialog/zDialogDemo.html ...

  3. javascript功能插件大集合 前端常用插件 js常用插件

    转载来源:https://github.com/jobbole/aw... 包管理器管理着 javascript 库,并提供读取和打包它们的工具.•npm – npm 是 javascript 的包管 ...

  4. 前端与php的sublime text3常用插件

    sublime text各种版本下载:http://sublimetext.iaixue.com/dl/ 1.安装Package Control 快捷键: ctrl+`     粘贴内容后Enter: ...

  5. 前端构建工具之gulp_常用插件

    gulp常用插件的使用 今天来看看一下gulp的常用插件的使用 就像gruntjs需要一个Gruntfile.js文件一样,gulp也需要一个文件作为它的主文件,在gulp中这个文件叫做gulpfil ...

  6. Struts2 JQuery UI常用插件

    一.什么是插件 ①是遵循一定接口规范编写的程序 ②是原有系统平台功能的扩展和补充 ③只能运行在规定的系统平台下,而不能单独运行 注:由于jQuery插件是基于jQuery脚本库的扩展,所以所有jQue ...

  7. jQuery常用插件

    jQuery UI插件简介: jQuery UI是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库.包含底层用户交互.动画.特效和可更换主题的可视控件.我们可以直接用它来构建具 ...

  8. Sublime 常用插件简介

    Sublime   常用插件简介 emmet: 前端必备神器.花个十几分钟学下Emmet语法 ,就可以极大提高web开发者HTML和CSS工作效率啦.一句话,牛逼---必备 CSS3: CSS3语法高 ...

  9. Sublime Text3快捷键以及常用插件

    工若善其事,必先利其器.做为一个web前端开发人员,必须有一个得心应手的编码工具,本人推荐Sublime Text3和WebStorm,但WebStorm太过智能和耗性能了对初学者来说弊大于利,所以我 ...

随机推荐

  1. C#编写Windows 服务

    C#编写Windows 服务 Microsoft Windows 服务(即,以前的 NT 服务)使您能够创建在它们自己的 Windows 会话中可长时间运行的可执行应用程序.这些服务可以在计算机启动时 ...

  2. sql server常有的问题-实时错误'91' 对象变量或with块变量未设置

    这样的问题,对于我们这样的初学者来说,无疑是一个接触sql server后第一个艰难的问题,“实时错误'91' 对象变量或with块变量未设置”这句话到底透露出什么信息?直至写此博文,我依然看不出什么 ...

  3. listView 分页加载数据

    Android应用 开发中,采用ListView组件来展示数据是很常用的功能,当一个应用要展现很多的数据时,一般情况下都不会把所有的数据一次就展示出来,而是通过分页 的形式来展示数据,个人觉得这样会有 ...

  4. 横瓜执导众程序员开展大讨论关于C、JAVA及其它主流IT技术使用情况和优点缺点。

    横瓜执导众程序员开展大讨论关于C.JAVA及其它主流IT技术使用情况和优点缺点. 遥执乾坤(44758121)  18:21:23 mysql据说只能使用一个索引,我这里几乎所有字段都有索引. 但每个 ...

  5. Python小问题汇总

    现在的时间适合写点最近的小总结,这中间涉及到python/git等问题,我就从python先说起吧. 一.Python 1. Python的异常处理 因为想到自己不断尝试写小程序的话会用到抛出异常信息 ...

  6. PostScript学习：另一种缩写为PS的技术

    1.前言 PostScript是一种编程语言,直译为"后处理脚本"[相对印刷过程而言],学名为页面描述语言.更为详细的解释见维基百科,以及其翻译版百度百科. 值得一提的是,Post ...

  7. 运行ORB-SLAM笔记_使用篇（二）

    1. 编译完成之后就可以使用了,按照说明我们可以知道,首先开启roscore

  8. JS-兼容

    [个人汇总] 1.JS判断是否点击回车键/enter键 $(document).keypress(function(event){ var keycode = (event.keyCode ? eve ...

  9. ToDictionary用法

    ToDictionary其实可以简单化,可以传两个lambada表达式,第一个是Key,第二个就是Value. ToDictionary( key => key.Attribute(" ...

  10. CentOS7配置OpenCV2.4.13

    以管理员身份运行su root输入密码 安装依赖包 yum install gcc gcc-c++ gtk2-devel gimp-devel gimp-devel-tools gimp-help-b ...