Jquery处理方法参数
表单验证
$('form:input').blur(function(){
var checkEmail=/.+@.+\.[a-zA-Z]{2,4}$/;
if($(this).is('#email')){
if(this.value==""||!checkEmail.test(this.value)){
·····
}
}
if($(this).is('#username')){
······
}
}).keyup(function(){
$(this).triggerHandler("blur");
}).focus(function(
$(this).triggerHandler("blur");
))
10余年的双滦网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都营销网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整双滦建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。成都创新互联公司从事“双滦网站设计”,“双滦网站推广”以来,每个客户项目都认真落实执行。
表格隔行变色
CSS
.even{background:#FFF38F;}
.odd{background:#FFFFEE;}
$(function(){
$("tbody>tr:odd").addClass("odd");
$("tbody>tr:even").addClass("even");
$("tr:contains('王武')").addClass("odd");
//另外一种用法
$('tr').filter(":contains('李')").addClass('odd');
})
单选框控制表格高亮
$('tbdoy>tr').click(function(){
$(this).addClass('selected').siblings().removeClass('selected').end()
.find(':radio').attr('checked',true);
})
复选框控制表格行高亮
$('tbdoy>tr').click(function(){
if($(this).hasClass('selected')){
$(this).removeClass('selected').find(':checkbox').attr('checked',false);
}else{
$(this).addClass('selected').find(':checkbox').attr('checked',true);
}
}
三元运算----添加或移除selected类
var hasSelected=$(this).hasClass('selected');
$(this)[hasSelected?"removeClass":"addClass"]('selected');
表格展开关闭
$('tr.parent').click(function(){
$(this).toggleClass("selected") //添加、删除高亮
.sibings('.clild_'+this.id).toggle(); 影藏、显示所谓的子行
})
网页选项卡切换
var $ div_li=$("div.tab_menu ul li");
$div_li.click(function(){
$(this).addClass("selected").siblings().removeClass("selected");
var index=$div_li.index(this);
$("div.tab_box>div").eq(index).show().sibings().hide();
}).hover(function(){
$(this).addClass("hover");
},function(){
$(this).removeClass("hover");
})
异步 (表单序列化元素)
$.ajax({
type:"get",
url:"test.json",
dataType:html/script/json/jsonp/text,
data:$("#form1").serialize(),
beforeSend:function(){
},
complete:function(){
},
success:function(data){
},
error:function(){
}
})
JSONP
flightHandler({
"code": "CA1998",
"price": 1780,
"tickets": 5
});
$.ajax({
type: "get",
async: false,
url:"http://flightQuery.com/jsonp/flightResult.aspx?code=CA1998",
dataType: "jsonp",
jsonp:"callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback) jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据
success: function(json){
alert('您查询到航班信息:票价: ' + json.price + ' 元,余票: ' + json.tickets + ' 张。');
},
error: function(){
alert('fail');
}
});
最下端滚轮加载事件
$(function () {
$(window).scroll(function () {
if (arrivedAtBottom()) {
var wid = $("#wid").val();
var index = $("#index").val();
var count = $("#count").val();
var load = '
if (parseInt(index) * 100 < parseInt(count))
$.ajax({
type: "Post",
url: "ashx/LinksFangZhiS.ashx",
data: { "wid": wid, "index": parseInt(index) + 1 },
beforeSend: function () {
$(".listable").append(load);
},
complete: function () {
$("tr").remove(".re");
},
success: function (back) {
$(".listable").append(back);
$("#index").val(parseInt(index) + 1);
}
});
}
});
var arrivedAtBottom = function () {
return $(document).scrollTop() + $(window).height() == $(document).height();
}
});
网站栏目:Jquery处理方法参数
转载注明:http://pwwzsj.com/article/pggeoh.html