$(function()
{
//alert("hello jquery");
//选择器
//id选择器
$("#bt1").click(
function()
{
alert("点击了按钮 文字="+$(this).text());
}
);
//标签选择器
//属性过滤器
//类选择器
$(".cl[type=text]").click(
function()
{
alert("通过类选择器选中");
}
);
JSON和DOM的对象转换
//使用dom当时获取元素
var bt_3=document.getElementById("bt3");
var $jbt_3=$(bt_3);
$jbt_3.click(
function()
{
alert("从DOM对象转为JQuery对象");
}
);
//从JQuery对象转换成DOM对象
var $jbt_1=$("#bt1");
//alert("集合长度= "+$jbt_1.length);
var bt_1=$jbt_1[0];
alert("DOM按钮的内容= "+bt_1.value);
var $jbt_4=$("button");
var bt_4=$jbt_4[0];
alert("DOM按钮的内容= "+bt_4.firstChild.nodeValue);
$jbt_4.click(
function()
{
alert("button 的文本="+$(this).text());
}
);
}
)
</script>
</head>
<body>
测试jquery
<br>
<input type="button" value="按钮1" id="bt1"/>
<br><br>
<input class="cl" type="button" value="按钮2" id="bt2">
<br><br>
<input type="text" class="cl">
<br><br>
<input id="bt3" value="按钮3" type="button">
<br>
<button id="id4">按钮4</button>
<br>
<button id="id5">按钮5</button>
</body>
时间： 2024-10-20 00:31:05