您的位置:首页 > Web前端 > JQuery

JQuery学习笔记(1):bind()、 html()、val()、text()方法

2009-12-11 11:49 801 查看
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication2._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>

<mce:script type="text/javascript" src="js/jquery-1.3.2.js" mce_src="js/jquery-1.3.2.js"></mce:script>

</head>
<body>
<form id="form1" runat="server">
<div>
<a href="#" mce_href="#">查询</a>
<a href="#" mce_href="#">测试</a>
<a href="#" mce_href="#">修改</a>
<a href="#" mce_href="#">添加</a>
<button id="b">绑定</button>
<button id="b2">2绑定</button>
</div>
</form>

<mce:script type="text/javascript"><!--
$(document).ready(function () {
$("#b").bind("click", function () {
alert("绑定");
});

$("div a").each(function () {
$(this).click(function () {
alert($(this).html());  //html
$(this).html("<input />");//设置html
alert($(this).val());  //value
alert($(this).text());  //text
});
});
});
function test() {
return confirm("确定要执行吗?");
}

// --></mce:script>

</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: