常用DIV操作兼论JQuery语法

来源：互联网发布：炫光制作软件编辑：程序博客网时间：2024/05/18 01:41

以一个例子体现具体的语法，多中JQuery的语法可以实现同一种功能，在写代码的时候尤其注意"#"或者"."之类的符号

例子：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#div1
{
width:200px;
height:200px;
background-color:red;

}
</style>

//$("#wd").val($("#div1").width());

$("#ht").val($("#div1").css("height"));//样式表获取

$("#wd").val($("#div1").css("width"));

})

$("#set").click(function(){

//$("#div1").height($("#ht").val());

//$("#div1").width($("#wd").val());

//$("#div1").height($("#ht").val()).width($("#wd").val());//val（）是获取表格里的值，val(带有参数)是设置表格里面的值

//$("#div1").css({height:$("#ht").val(),width:$("#wd").val()});

// $("#div1").css("height",$("#ht").val()).css("width",$("#wd").val());

$("#div1").css("height",$("#ht").val()).width($("#wd").val());

})

});

</script>

</head>

<body>

高度：<input type="text" id="ht">宽度<input type="text" id="wd">//text就是生成表格!

</body>

</html>

1.获取或设置div的高度和宽度

方法一：height和wdith函数，可以用于获取或设置元素的宽度和高度

方法二：css函数可以用于获取或者设置元素的高度和宽度

获取css（"width"）(获取的是以px结尾的字符串),设置css("width","20px")

或css({"width:20px","height:20px"})

如这样的代码： $("#div1").height($("#ht").val()).width($("#wd").val());

称为JQuery的链式操作！

0 0