jQuery随记汇总

1.jQuery操作行内样式style中的某一项的值：>>

$("#id").css(""background-color","#8f93a2");

2.jQuery中json对象与json字符串互换

json字符串转json对象：jQuery.parseJSON(jsonStr);
json对象转json字符串：JSON.stringify(jsonObj);

IE中可能对unicode使用“\uXXXX”格式来编码，可以使用如下来解码：

function unicode2Char(str) {

  return (str.replace(/\\/g, "%"));

}

3. jQuery判断获取的对象是否存在：

错误写法：

if($("#someID")) //写法是错误的，因为jQuery对象永远都有返回值

正确写法：

var obj = $('#id');

if(obj.length > 0)

{

  alert('对象存在');

}

//或者以下方式：

if(obj[0])

{

  alert('对象存在');

}

4.根据输入值和下拉框变化计算总价格：

<script src="~/Content/plugins/layer/layer.js"></script>

    <script type="text/javascript">

        $(function () {

            //填写学时数执行

            $("#hourCount").keyup(function () {

                //判断输入的是否是数字

                var inputText = $(this).val();

                if (inputText == '') {

                    return;

                }

                if (isNum(inputText)) {

                    getTotalPrice();

                }

                else

                {

                    $('#totalPrice').text('');

                }

            });

            //选择科目下拉改变执行

            $("#subjectSelect").change(function () {

                getTotalPrice();

            });

        });

        //计算预约总价格

        function getTotalPrice() {

            var subjectPrice = $("#sel-driving").find("option:selected").val();

            var hourCount = $('#hourCount').val();

            var totalPrice = subjectPrice * hourCount;

            $('#totalPrice').text("￥" + totalPrice);

        }

        //判断是否全是整数

        function isNum(str) {

            var ex = /^\d+$/;

            if (ex.test(str)) {

                return true;

            }

            layer.msg('请输入数字！');

            return false;

        }

    </script>

aaarticlea/png;base64,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" alt="" />

aaarticlea/png;base64,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" alt="" />

 <div class="km">

            <select id="subjectSelect"><option id="subject2" value="@Model.Subject2Price">科目二</option><option id="subject3" value="@Model.Subject3Price">科目三</option></select>

        </div>

        <div class="text-Num">

            <input id="hourCount" type="text" name="num" value="@(Model.LeastBuyHourCount!=null?Model.LeastBuyHourCount:1)">个学时

        </div>

        <div class="btnSubmit">

            <div><span id="totalPrice"></span>预约</div>

        </div>

5.获取子窗体window对象：

var childWindow = $("#editFrame")[0].contentWindow;
childWindow.subEditForm();

6.子窗体怎样调用父窗体的方法

function afterEdit() {

    //子窗体怎样调用父窗体的方法

    window.parent.afterEdit();

}

7.时间选择插件下载（带时分）：

去下载>>

8.多个元素同一个事件，执行同样的动作：

//更改审核状态和类型加载页面数据

$('#StatusSelect,#TypeSelect').on("change", function () {

    status = $("#StatusSelect").val();

    type = $("#TypeSelect").val();

    LoadPageList(status, type, pageIndex, pageSize);

});

9.Jqury的String.format()自定义方法：

        //自定义字符串格式化函数，用法："{0}----{1}".format("xx","yy");

        String.prototype.format = function () {

            var result = this;

            if (arguments.length == 0)

                return null;

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

                var re = new RegExp('\\{' + (i) + '\\}', 'gm');

                result = result.replace(re, arguments[i]);

            }

            return result;

        };

10.Jquery的Live用法： 详细说明>>

当元素是通过ajax方式(同步或异步)方式，后来返回的，如果想注册事件，用传统方式不行：

$('#id').click(function(){...});

需要这样做：

$('#id').live('click',function(){...});

11.jQuery.form的使用方法

12.页面回到顶部

$(window).scrollTop(0);

13.加载图标提示：

 var layerLoad = layer.load(2); //加载

 layer.close(layerLoad); 关闭加载

14.将光标定位到输入框末尾：

var content = $.trim($('#content').val();

$('#content').focus().val(content);

15.光标处插入内容，如表情：

<script type="text/javascript">

//光标处插入内容扩展方法

(function ($) {

    $.fn.extend({

        insertAtCaret: function (myValue) {

            var $t = $(this)[0];

            if (document.selection) {

                this.focus();

                sel = document.selection.createRange();

                sel.text = myValue;

                this.focus();

            } else

                if ($t.selectionStart || $t.selectionStart == '0') {

                    var startPos = $t.selectionStart;

                    var endPos = $t.selectionEnd;

                    var scrollTop = $t.scrollTop;

                    $t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos, $t.value.length);

                    this.focus();

                    $t.selectionStart = startPos + myValue.length;

                    $t.selectionEnd = startPos + myValue.length;

                    $t.scrollTop = scrollTop;

                } else {

                    this.value += myValue;

                    this.focus();

                }

        }

    })

})(jQuery);

//光标处插入表情，调用

$("#content").insertAtCaret(faceText);

</script>

16.复制文本到剪贴板：（亲测不兼容IE浏览器，没卵用）

js插件下载：clipboard（JS复制内容到剪贴板插件）.zip

(1)引用：<script type="text/javascript" src="clipboard.min.js"></script>

(2)调用示例：

<!--测试2-->

$(document).ready(function(){

   var clipboard1 = new Clipboard('.a');

   clipboard1.on('success', function(e) {

       console.log(e);

        alert("测试2复制成功！")

        });

   clipboard1.on('error', function(e) {

               console.log(e);

               alert("测试2复制失败！请手动复制")

        });

})

详细使用说明>>

17.PC端复制插件ZeroClipboard：（含解决IE11高版本不兼容问题）详细说明>>参考>>

ZeroClipboard插件下载>>

示例：

<input id="inviteLink" type="text" value="链接地址">

<span id="copy" class="copy" data-clipboard-target="inviteLink">复制链接</span>  //要复制的内容框id

调用：以下代码需要放到</body>下面，否则document.getElementById报错，因为document还没加载完成。

<script src="~/Content/Plugins/layer/layer.js"></script>

<script src="~/Content/Plugins/ZeroClipboard/ZeroClipboard.min.js"></script>

<script type="text/javascript">

    $(function () {

        $('#copy').click(function () {

            clipboard();

        })

    });

    function clipboard() {

        //针对IE复制兼容性问题

        if (window.clipboardData) {

            var text = $('#inviteLink').val();

            window.clipboardData.clearData();

            window.clipboardData.setData('text', text);

            layer.msg('已复制');

        }

    }

    // 定义一个新的复制对象

    var clip = new ZeroClipboard(document.getElementById("copy"), {

        moviePath: "/Content/Plugins/ZeroClipboard/ZeroClipboard.swf"

    });

    // 复制内容到剪贴板成功后的操作

    clip.on('complete', function (client, args) {

        layer.msg('已复制');

    });

    clip.on('error', function (client, args) {

        layer.msg('复制失败，请手动复制');

    });

</script>

<style type="text/css">

    .layui-layer {

        border: 0px solid #ccc;

        background-color: black;

        box-shadow: none;

    }

</style>

// 定义一个新的复制对象

                var clip = new ZeroClipboard(document.getElementById("copy"), {

                    moviePath: "/Content/Plugins/ZeroClipboard/ZeroClipboard.swf"

                });

                // 复制内容到剪贴板成功后的操作

                clip.on('complete', function (client, args) {

                    layer.msg('已复制');

                });

                clip.on('error', function (client, args) {

                    layer.msg('复制失败，请手动复制');

                });

秒客网

jQuery随记汇总

相关文章