jquery 杂七杂八小方法

柔光的暖阳◎ 2022-06-15 04:12 228阅读 0赞

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也绑定了点击事件  这段代码阻止事件冒跑 在点击子元素的时候防止触发父元素   
  \})