jquery js 实用方法

最新推荐文章于 2022-07-12 20:38:21 发布

尘埃落定Z

最新推荐文章于 2022-07-12 20:38:21 发布

阅读量434

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/sun930302/article/details/23264083

版权

Web前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

jquery slibings选取同级其他元素

jquery选取同级其他元素可以使用slibings方法，end方法可以清除之前的链式操作，相当于重新开始

<script type="text/javascript">
$(function(){
    $("#downloadchartsright").click(function(){
	$(this).siblings().removeClass('underline').end().addClass('underline');
    });
})
</script>

toggle(fn,fn)

每次点击时切换要调用的函数。

如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。

随后的每次点击都重复对这两个函数的轮番调用。

可以使用unbind("click")来删除。

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").toggle(function(){
    $("body").css("background-color","green");},
    function(){
    $("body").css("background-color","red");},
    function(){
    $("body").css("background-color","yellow");}
  );
});
</script>
</head>
<body>
<button>请点击这里，来切换不同的背景颜色</button>
</body>
</html>

javascript中构建html对象时用到οnclick="return confirm('确认信息')"

h += "<a href='recSubTask.action?stID=" + rowdata.stID + "' class='label label-info' οnclick='return confirm(\"确认接收该任务吗\")'>接收</a> ";

js判断文件类型及大小

//判断照片类型及大小
function checkPhoto(obj){
    photoExt=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();//获得文件后缀名
    if(photoExt!='.jpg'){
        alert("请上传后缀名为jpg的照片!");
        return false;
    }
    var fileSize = 0;
    var isIE = /msie/i.test(navigator.userAgent) && !window.opera;            
    if (isIE && !obj.files) {          
         var filePath = obj.value;            
         var fileSystem = new ActiveXObject("Scripting.FileSystemObject");   
         var file = fileSystem.GetFile (filePath);               
         fileSize = file.Size;         
    }else {  
         fileSize = obj.files[0].size;     
    } 
    fileSize=Math.round(fileSize/1024*100)/100; //单位为KB
    if(fileSize>=10){
        alert("照片最大尺寸为10KB，请重新上传!");
        return false;
    }
}

<input type="file" id="imgFile" name="upload" style="width:150px;" οnchange="checkPhoto(this)"/>

.live()事件；

很多时候我们对一个对象绑定一个事件的时候老是发现绑定不成功，这时你可以查查看这个对像是不是你通过Jquery动态生成的。

jQuery的html()可以给现在元素附加新的元素，innerHTML也可以，那么，如何给这些新生成的元素绑定事件呢？直接在元素还未生成前就绑定肯定是无效的，因为所绑定的元素目前根本不存在。

然而，jQuery为我们提供了一个函数来解决这个问题，它就是.live(),它可以给所有元素绑定事件，不论是已有的，还是将来生成的，比如：

$(‘#div’).live(‘click’,function(){
//do stuff
});

它还可以同时绑定多个事件：

$('.hoverme').live('mouseover mouseout', function(event) {
  if (event.type == 'mouseover') {
    // do something on mouseover
  } else {
    // do something on mouseout
  }
});