AJAX基础

.attr返回属性值：

function textC(){
alert($("#username").attr("type"));//返回文档属性
alert($("#tijiao").attr("value"));
alert($("img").attr("src"));
}

.attr更换文档属性：

function textF(){
$("img").attr({ src: "145.jpg", alt: "Test Image" });
}

.removeAttr删除文档属性：

function textE() {
$("img").removeAttr("src");
}

.click事件：

function textA(){
$("p").click();//触发所有选中标签的事件
}

$(document).ready(function() {
//触发选中的标签的事件
$("p").click( function () { $(this).hide(); });
});

click-http代码：

<input type="button" value="亲我呀" οnclick="textA()" />
<p>
明天会更好！
</p>
<p>
明天会更好！
</p>

.focus事件：

$(document).ready(function(){
  $("#newa").focus();//加载后聚焦到选中ID的模块
});

function textA(){
$("input[type=text]").focus(function(){
  this.blur();//禁止使用所有文本框
});
}

focus-http代码：

<input id="newb" type="text" />
<input id="newa" type="text" />
<input type="button" value="点我吧" οnclick="textA()" />

appendTo文档追加事件：

function textA() {
$("p").appendTo("div");
}

appendTo-http代码：

<p>
I would like to say:
</p>
<div style="color: red;"></div>
<div></div>
<input type="button" value="重排" οnclick="textA()" />

after与before文档处理事件：

function textA(){
$("p").before("<br/><b>Hello</b>");//把before换为after即为after文档事件
}

:first选择器：

function textA(){
alert($("li:first").text());
alert($('li:last').text());
}

first-http代码：

<ul>
    <li>list item 2</li>
    <li>list item 1</li>
    <li>list item 3</li>
    <li>list item 4</li>
    <li>list item 5</li>
</ul>