最近经常用到前台代码问题，发现一些关于Jquery的知识点有些遗忘掉，故作笔记以记之
1.获取元素（不同的获取方式）
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").width(200);
$("#contentDiv").width($("p").width()+200)
$("#tip1").text($("p").width());
$("#tip2").text($("div").width());
});
});
</script>
</head>
<body>
<p style="background-color:yellow">This is a paragraph.</p>
<button class="btn1">改变宽度</button>
<p>.....................</p>
<div id="contentDiv" style="background-color:#6868da">
<span>{------test----------}</span>
</div>
<p>.....................</p>
<p>本段落的宽度分别是 <span id="tip1"> ？ </span> 和 <span id="tip2"> ？ </span> px。</p>
</body>
</html>
①元素的特性获取：如：<p>
$("p").width(200);
②根据元素的id或class获取：如：<span id="tip1"> ，<p style="background-color:yellow">
$("p").width(200);
$(".btn1").click();
$("#contentDiv").width($("p").width()+200) 注意前面的 . 和 # 用于区分
2.对元素进行属性设置或进行操作
主要是通过把需要设置的参数或者函数写在方法内的括号里，如：
$("p").width(200);
$(".btn1").click(function()...);
$("#tip1").text($("p").width());