`
pipe
  • 浏览: 205538 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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);

先写这些吧,以后再补!






分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics