jquery复习(四)

2014-11-24 00:41:22 · 作者: · 浏览: 1

html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">




<script type="text/java script" src="lib/jquery-1.5.2.js">

<script type="text/java script">
$(function() {
//取得第一个匹配元素的html内容。不能用于xml,但可以用于xhtml
//alert($("div").html());
//设置每个元素的 html内容。
//$("div[id=test2]").html("Hello World");
$("div").html(function(index, html) {
return html + index;
});
});




Hello



中华



http://www.w3.org/TR/html4/loose.dtd">




<script type="text/java script" src="lib/jquery-1.5.2.js">

<script type="text/java script">
$(function() {
//对Html,xml都有效。
//text()取得所有匹配元素的内容 ,包括子元素。
//text()转化为实体。
$("div").text(function(index, text) {
return $("p").text() + text + index + "我靠 });
});




Test Paragraph.


Paraparagraph


我是div:



http://www.w3.org/TR/html4/loose.dtd">




<script type="text/java script" src="lib/jquery-1.5.2.js">

<script type="text/java script">
$(function() {
//获得单个select 的值和多选select的值。
/*
$("p").append(
"Single: " + $("#single").val() + " Multiple: "
+ $("#multiple").val().join(", "));

*/

// alert($("input").val());
//设置文本框 的值。
$("input[id]").val("hello World");

$("#single").val("Single2");
$("#multiple").val([ "Multiple", "Multiple3" ]);
$("input").val([ "check2", "radio1" ]);

$(":text.items").val(function() {
return this.value + " " + this.className;
});
});









check1
check2
radio1
radio2




http://www.w3.org/TR/html4/loose.dtd">




<script type="text/java script" src="lib/jquery-1.5.2.js">

<script type="text/java script">
$(function() {

//想把dom文档中元素副本加到其他元素上时很有用。
//$("b").clone().prependTo("p");
//clone(true),深copy
$("button").click(function() {
$(this).clone(true).insertAfter(this);
});
});



Hello

, how are you





http://www.w3.org/TR/html4/loose.dtd">

&