js & jq 的常用方法

JavaScript：

document.getElementById(id).innerHTML="新的HTML"; //改变 HTML 内容
document.getElementById(id).attribute="新属性值";  //改变 HTML 属性

document.getElementById("intro");           //通过id查找 HTML 元素
document.getElementsByTagName("p");         //通过标签名查找 HTML 元素
document.getElementsByClassName("intro");   //通过类名找到 HTML 元素


document.getElementById(id).style.property="新样式";  // 改变 css 样式

Jquery ：

*** 选择器

$("*")                     //选取所有元素    
$(this)                    //选取当前 HTML 元素
$("p.intro")               //选取 class 为 intro 的 <p> 元素
$("p:first")               //选取第一个 <p> 元素
$("ul li:first")           //选取第一个 <ul> 元素的第一个 <li> 元素 
$("ul li:first-child")     //选取每个 <ul> 元素的第一个 <li> 元素  
$("[href]")                //选取带有 href 属性的元素   
$("a[target='_blank']")    //选取所有 target 属性值等于 "_blank" 的 <a> 元素   
$("a[target!='_blank']")   //选取所有 target 属性值不等于 "_blank" 的 <a> 元素  
$(":button")               //选取所有 type="button" 的 <input> 元素 和 <button> 元素 
$("tr:even")               //选取偶数位置的 <tr> 元素
$("tr:odd")                //选取奇数位置的 <tr> 元素


*** 文档就绪事件

$(document).ready(function(){

});

$(function(){

 });

*** 设置内容和属性

 $("#ID").val()       //设置或返回表单字段的值
 $("#ID").text()      //设置或返回所选元素的文本内容
 $("#ID").html()      //设置或返回所选元素的内容（包括 HTML 标记）
 $("#ID").attr()      //设置多个属性

*** 增删元素

 $("#ID").append()     //在被选元素的结尾插入内容
 $("#ID").prepend()    //在被选元素的开头插入内容
 $("#ID").after()      //在被选元素之后插入内容
 $("#ID").before()     //在被选元素之前插入内容
 $("#ID").remove()     //删除被选元素（及其子元素）
 $("#ID").empty()      //从被选元素中删除子元素

*** 操作 css

 $("#ID").addClass()    //向被选元素添加一个或多个类
 $("#ID").removeClass() //从被选元素删除一个或多个类
 $("#ID").toggleClass() //对被选元素进行添加/删除类的切换操作
 $("#ID").css()         //设置或返回样式属性