jquery基础入门

1.选择某个元素:
按元素ID:$("#id"),如果id类似这种company.name,则是$("#company\\.name")
按元素css的class:$(".cssclass");
如:<div class="separator"></div> 则是$(".separator")

2.元素的显示与隐藏
$("#obj").show();("#obj").hide();
另外就是$(".hid").toggle(0);表示所有css的class为hid的元素显示或者隐藏。
参数0表示不用动画。1000表示动画一秒。类似。

3.给元素加class
$("#obj").addClass("mouov");表示给元素加上class为mouov的css
$("#obj").removeClass("mouov"));去掉元素的mouov css

4.css隔行换色
$('#tbodys tr:odd').css('background-color','#F1F1F1');
$('#tbodys tr:even').css('background-color','#FFFFFF');

$("#td").attr("rowSpan", 2);设置指定td的rowSpan=2 同样可以设置coslpan等等。

5.设置disabled,checkbox
$("#obj").attr("disabled",true);
取消disabled $("#obj").removeAttr("disabled");
$("#obj").attr("checked", "true");


6.获取各种元素的值
下面各种元素id均为obj
form里面各种元素:input ,checkbox等等
$("#obj").val();//取值 $("#obj").val("123");赋值123
其他元素div,tr,td等 等 为$("#obj").html();//取值$("#obj").html("123");//赋值


7.table操作
复制 $tr1 =$("#tr").clone();
获取列:$("td:eq(0)",$tr).html("111");//该tr第1列赋值 0表示第一列,以此类推
获取行:$tr1 =$("#tbodys tr:eq(0)");第一行
赋值id: $tr.attr("id", "tr11");
绑定事件:$tr.bind("mouseover",function(){$(this).addClass("mouov")});$tr.bind("mouseout",function(){$(this).removeClass("mouov")});
将tr添加到某表格 $tr.appendTo($table);

先写这些吧,以后再补!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值