jquery基础入门

最新推荐文章于 2023-07-10 20:46:27 发布

iteye_8779

最新推荐文章于 2023-07-10 20:46:27 发布

阅读量113

点赞数

分类专栏： jquery 文章标签： jQuery CSS HTML ViewUI

jquery 专栏收录该内容

3 篇文章

订阅专栏

本文总结了使用jQuery进行网页元素操作的常见方法，包括选择、显示与隐藏、添加和删除样式、设置属性、获取和设置元素值等。同时介绍了如何利用jQuery简化table的操作，例如复制行、获取特定列的数据及绑定鼠标事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

先写这些吧，以后再补！