十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
script src ="Jq/jquery-1.4.2.js" type ="text/javascript" /script
创新互联科技有限公司专业互联网基础服务商,为您提供托管服务器,高防服务器租用,成都IDC机房托管,成都主机托管等互联网服务。
script type ="text/javascript"
$(function (){
$("p").click(function (){alert ("小P");})});/script/headbodyinput type="button" value ="PlayGame" id="btnClick" /
p第一个/p
p第二个/p/body说明:对所有P标签点击都有弹出对话框的提示
第二种:CSS选择器代码如下:headtitle/title
script src ="Jq/jquery-1.4.2.js" type ="text/javascript" /script
script type ="text/javascript"
$(function (){
$(".warning").click(function (){alert("这是警告信息");});});/script
style type="text/css"
.warning{background-color :Yellow ;color :Red ;}/style/headbodyp没有警告/p
div class ="warning " 请带好小孩/div
p class ="warning "再次警告你/p
input class ="warning " type ="button" value ="别点啊" //body说明:对所有CSS样式为:.warning点击都有弹出对话框的提示
第三种:多条件选择器代码如下:headtitle/title
script src ="Jq/jquery-1.4.2.js"/script
script type ="text/javascript"
$(function (){
$(".docc,p,#txt1").click(function (){alert ("不要上当啊");})})/script
style type="text/css"
.docc{background-color :Fuchsia ;color :Olive ;}/style/headbodyp电脑热卖/p
input type ="text" id="txt1" /
var aa,bb;
$.("#a").blur(function(){aa=true;});
$.("#b").blur(function(){bb=true;});
$.("#c").click(function(){
if(aabb){
aa=bb=false;
return true;
}
else{
return false;
}
});
你可以把后面的四个查询条件放到一个form表单里,点击查询的时候,写个ajax请求,将表单数据传到后台SQL,然后在success函数里面重新load一下datagrid应该就可以了吧
你请求的页面,可以带多个参数进去啊
$('#xs').load('ajax.php?age=3ban=2');
使用jquery的each()方法遍历单元格,如果满足条件则进行相应的操作
$(selector).each(function(index,element))
实例演示:在表格中按姓名查找记录,找到则突出显示,否则给出提示
创建Html元素
div class="box"
span实例演示:在表格中按姓名查找记录/spanbr
div class="content"
姓名:nbsp;input type="text" name="name"nbsp;input type="button" value="查找"
table
trtd张三/tdtd175/tdtd140/td/tr
trtd李四/tdtd170/tdtd120/td/tr
trtd王五/tdtd185/tdtd160/td/tr
/table
/div
/div
设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.boxspan{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
input[type='text']{width:100px;padding:5px 10px;margin:5px 0;border:1px solid #ff9966;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}
table{border-collapse:collapse;}
td{width:80px;height:30px;line-height:30px;text-align:center;border:1px solid green;}
.selected{font-weight:bold !important; background: #ff99cc !important;color:#fff;}
编写jquery代码
$(function(){
$(":button").click(function() {
$("table tr").removeClass('selected'); // 还原样式
name = $("input[name='name']").val(); // 要查找的名字
flag = true; // 表示未查到目标
$("table tr").find("td:first").each(function() {
if($(this).html()==name){ // 如果找到了
$(this).parent("tr").addClass('selected'); // 为整行设置样式
flag = false; // 将未找到标记设为false
return false; // 提前终止循环
}
});
if(flag) // 如果没找到就给出提示
alert("查无此人");
});
});
观察效果
如果表中有相应记录
如果表中并无相应记录
$.post(url,{参数:值,参数:值。。。},function(data){处理返回值});
或类似于这样:
$.ajax({ url: "test.html", success: function(){
$(this).addClass("done");
}});
具体有哪些参数,参见: