jquery_basic(0)

   $("div").each(  function(idx) {   }   )回调函数参数（index ，element）

    设置复合样式是可以的，但是获取不行：

 $("div.note").css( {  "border","solid black 2px" } );    ok

  $("h1").css({  backgroundColor : " black ",   textColor : " white"});    ok

$("h1").css({ " font-size " , function(i,curval){

return Math.round(1.25*parseInt(curval)) }); 字体大小增加25%

$(" h1+p ").addClass( " titleClass first"); h1后面的p元素 添加类titleClass 和 first

切换css类： $ (" tr :odd" ).toggleClass( " oddrow" ) 奇数 从零开始计数； 如果该类不存在则添加，如果存在就删除；

$(" h1 ").toggleClass( " title“， true); addClass

$(" h1 ").toggleClass( " title“， false); removeClass

hasClass()------->单个类名作为参数，不支持函数参数；返回：true/false$(" h1 ").hasClass(" .first .second ")

is()------->选择器作为参数，返回：true/false$(" h1 ").is(" .first .second ")

val()------>表单元素 checkbox radiobox <select>元素的选中状态

$(" input : radio[ name = ship ] :checked "). val( );

text() html()方法：

text()----->没有参数，返回所有匹配元素的所有子孙文本节点的纯文本内容；

html()----->没有参数，返回第一个匹配元素的html内容；

有参数，替换掉所有存在的内容，也可传入函数

offset()------>返回一个对象，带有left top属性(绝对位置)

position()--->返回相对于元素的offsetParent()的偏移量

scrollTop() scrollLeft() --->不能传函数 用在window对象和document元素（会获取/设置存放该document的window对象的滚动条位置）上

width() height() ---->不包含内边距、边框、外边距

    innerwidth() innerheight() ---->包含内边距的宽度和高度 

   outerwidth() outerheight() ---->包含内边距和边框 （如果传入参数true 则返回包含外边距的尺寸） 

$("p").wrap("<div></div>");    <div><p>     </p></div>

$("p").wrapInner("<b></b>");   <p><b>     </b></p>

$("p").wrapALL("<div></div>");   

<p>p1</p>

 <h1>这是p中间的h1</h1>

 <p>p2</p>

 

执行后变成了：

<div>

     <p>p1</p>

     <p>这是p2段落</p>

</div>

   <h1>这是p中间的h1</h1>

empty()  remove()

要用到移除指定元素的时候，发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。

empty()是只移除了 指定元素中的所有子节点，拿$("p").empty()来说，他只是把<p>dsfsd</p>中的文本给移除了，而留下 了<p></p>,仍保留其在dom中所占的位置。

remove([expr])则是把其从dom中删除，而不会保留其所占的位置。
例:
<p>Hello</p>
World
<p>welcome</p> 
执行$("p").empty()其结果是
<p></p>
World
<p></p> 

执行$("p").remove()其结果是
World