js 常用插件

最新推荐文章于 2019-03-27 20:49:00 发布

weixin_33755649

最新推荐文章于 2019-03-27 20:49:00 发布

阅读量68

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/qiuyang1/p/4989127.html

版权

文本输入框    计算器

<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" οnkeyup="sum(this);" />
        <input type="text" id="b" οnkeyup="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" />1<br />
        <input type="checkbox" name="checkbox_name" id="checkbox_name_2" />2<br />
        <input type="checkbox" name="checkbox_name" id="checkbox_name_3" />3<br />
        <input type="checkbox" name="checkbox_name" id="checkbox_name_4" />4<br />
        <input type="checkbox" name="checkedAll" id="checkedAll"/>全选/取消全选
    </div>

jQuery获取Select选择的Text和Value:

语法解释：
1. $("#select_id").change(function(){//code...});   //为Select添加事件，当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text
3. var checkValue=$("#select_id").val();  //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值
jQuery设置Select选择的 Text和Value:
语法解释：
1. $("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中
2. $("#select_id ").val(4);   // 设置Select的Value值为4的项选中
3. $("#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=0; i<a.length; ++i) {
        for(var j=i+1; j<a.length; ++j) {
            if(a[i] === a[j])
                a.splice(j, 1);
        }
    }

    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[0] = 100;
arr[1] = 0;
arr[2] = 50;

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