jquery常用方法总结（select方法、阻止事件冒泡等）

1.jquery阻止事件冒泡

$('#btn1').click(function (event) {
    event.stopPropagation();
});

2.jquery判断是否显示或隐藏

if($("#test").is(':visible')){...}  //是否显示

if($("#test").is(":hidden")){...}  //是否隐藏

3.jquery select操作

$(".selector").val("pxx");  //设置value为pxx的项选中

$(".selector").find("option[text='pxx']").prop("selected",true);  //设置text为pxx的项选中

$(".selector").val();  //获取当前选中项的value

$(".selector").find("option:selected").text();  //获取当前选中项的text

$(".selector").prop('selectedIndex', 0);  //选中第一个option

4.jquery on(‘click’)事件多次重复触发问题

$(function(){
    $('#btn1').click(function () {
        $('#btnBind').on('click',function () {
            alert(123);
        });
    });
})

如上面的代码，如果你点击多次’btn1’按钮，那么就会绑定多少次click事件到’btnBind’按钮上，on是绑定多少次就触发多少次的。

要想它只绑定一次，可以先’off’然后再’on’。

$(function(){
    $('#btn1').click(function () {
        $('#btnBind').off('click').on('click',function () {
            alert(123);
        });
    });
})