JQuery在项目中的简单使用

最近研究了下JQuery,可以做一些简单的js效果出来，比传统的js少写了很多代码
页面加载执行方法
$(document).ready(function()
{
   
//方法体
});

找到一个id是time的td，返回一个JQuery对象
$("td[@id='time']")


$("#clear").click(
function(e)
{
   
//ID为clear的元素的单击事件
});


$("#alertListfrm
input[@type='checkbox'][@checked]").each(function(){
   
//遍历id为alertlistfrm容器下面选中的checkbox，
    //获取checkbox值
   
this.value
});

//id为alertlistfrm容器下面选中的checkbox的个数
$("#alertListfrm
input[@type='checkbox'][@checked]").size()

//id为alertlistfrm容器下面选中的checkbox的序列化对象
$("#alertListfrm
input[@type='checkbox'][@checked]").serialize()

基本的ajax提交
//post提交
//返回参数处理
//aa需要传递的数据
//nodeidsets为aa取的别名，后台可以通过request.getParameter("nodeidsets")获取aa
//data为后台返回的被JQuery封装的xmlhttprequest对象
//在struts中可以返回一个页面里面包含字符串，然后用data.indexof("")判断字符串是否存在来判断处理结果
//如果没有返回对象，则data为空
//参数aa也能为空
jQuery.post("url",
{nodeIdSets:aa}, function(data){
    if(data.indexOf("") != -1)
   
{
        //处理
       
    }
    else
    {
       
//处理
        window.location = url;
    //   
window.location.reload();
        //window.location.href=url;
   
}});
    });
//get提交
    var url =url;
    $.get(url,
function(data)
    {
       
document.getElementById("causelist").innerHTML = data;
    });
   

//css的切换
$("#filterTag").click(function()
    {
       
if($("#filterinput").css("display") != "none")
        {
           
$("#filterinput").hide();
            $(this).find("img").attr("src",
skinPath + "/images/expand/outspread.gif");
        }
        else
   
    {
            $("#filterinput").show();
           
$(this).find("img").attr("src", skinPath + "/images/expand/shrink.gif");
   
    }
    });
   
   
//checkbox的选中与反选
function
check(obj)
{
    (obj.checked)?checkall():discheckall()
}
function
checkall()
{
    $("input[@name='resId']").attr("checked",
true);
}

function discheckall()
{
   
$("input[@name='resId']").attr("checked",false);
}