常用的Jquery对元素进行操作或获取设置属性的写法

最近经常用到前台代码问题，发现一些关于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());