jquery js 实用方法

来源：互联网发布：淘宝助理修改一口价编辑：程序博客网时间：2024/06/04 23:22

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对象时用到onclick="return confirm('确认信息')"

h += "<a href='recSubTask.action?stID=" + rowdata.stID + "' class='label label-info' onclick='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;" onchange="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  }});

0 0