jq 数组操作、事件处理和相关处理函数的使用

来源：互联网发布：linux切换为root用户编辑：程序博客网时间：2024/05/19 19:42

鼠标移入移出事件:

$('#backXie .step1').on('mouseover',function(){        $(this).css({'cursor':'pointer','text-decoration':'underline'});});$('#backXie .step1').on('mouseout',function(){    $(this).css({'cursor':'default','text-decoration':'none'});});

$('#selectComType').change(function(){    clickchange++;    if (clickchange %2!=0) {         hideAllMapPop();    }    else{        $(".mapPopup").show();    }    selectChange();});

这个事件最好配合相关的 bootstraps 使用，具体的html如下所示:

<div class="btn-group bootstrap-select" id="comparing">                    <span id='compTitle'>Analysis</span>                    <select class="selectpicker dropdown dropdown-toggle" data-hide-disabled="true" style="display:none" id='selectComType'>                        <option value="Geography">Geography</option>                        <option value="Statistic">Statistic</option>                    </select>                </div>

可以通过 $(‘#selectComType’).val() 获取到的值来判断用户点击了哪个 option

判断某个id是否存在可以通过这个id的length 来判断，或者以下方法来判断

$(‘#mapPopupaddMap’+(i+1))[0] 的值为true 或 false

$(‘#mapPopupaddMap’+(i+1)).length >0 存在

attr的使用

1.获取属性值，attr里面的参数只有一个
var gid = $(this).attr(‘id’).substr(0,6); //获得ID字符串的前6个

2,设置属性值，参数为两个

$(“#.popup_text:last”).attr(“title”,areaname);

判断数组是否为空。可以通过判断数组的长度是否为0

array.length ==0

数组操作

shift: 删除数组的一个元素

unshift: 将数值插入到数组的第一个元素

pop: 删除数组里最靠后的元素

push:将数值插入到数组的最后一个元素中

splice: 通过指定的索引,删除相应元素的位置和元素的数量

具体如下：

var array = [7,8,9,4,88,41];

array.splice(2,2);

最终array[3]和array[4] 被删除掉

splice 不仅可以删除元素还可以给数组插入元素，这需要给splice增加几个参数

第一个参数：还是同之前删除一样，指定删除元素或增加元素的索引值
第二个参数：要置为 0，表示要增加元素
第三个参数: 表示插入元素的 value 值

阅读全文

0 0