jquery 杂七杂八小方法

来源:互联网 发布:大连银行网络大学 编辑:程序博客网 时间:2024/06/05 19:34
1.each 和 for 的区别
      需求:在动态创建出来 的列表中 如果有一个 为空 就报错
      for循环遍历arr[i].text()会取不到值 并且报错 "text()is not function;"

      用each 方法就可以 $(this).text();可以取到 如果有一个为空 就会报错  并且终止循环;返回 false 可用于及早停止循环。


2.jquery 显示隐藏

   $('.dujia_only').on('click','.lookphoto',function(){
if($('.img_con').is(':hidden')){//如果当前隐藏
$('.img_con').show();//那么就显示div
$(this).text("收起");
}else{//否则
$('.img_con').hide();//就隐藏div
$(this).text("点击查看");
}
});


3.jquery 动态添加 option
    $("#selectId").append("<option value='"+value+"'>"+text+"</option>");
    拼接字符串
    $("<option value='"+arr1[i]+"'> "+arr1[i]+" </option>").appendTo($(this));

4.jquery 恢复显示下拉默认值

   $("select  option[value=''] ").attr("selected",true)//恢复下拉默认值;

5.jquery 获取选中的文本

    //获取选中的option
   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最大的索引值 
  $('#testSelect option:selected').text();//选中的文本
  $('#testSelect option:selected') .val();//选中的值
  $("#testSelect ").get(0).selectedIndex;//索引

6.jquery 阻止时间向上冒泡

   $('.fy-main').on('click','.whMan b ',function(){
var aa = $('.whMan')
$(this).parent().css("display","none");
return false;//它的父元素.whMan也绑定了点击事件  这段代码阻止事件冒跑 在点击子元素的时候防止触发父元素 
  })