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

jQuery学习教程（七）：val()与节点操作

2011-07-22 07:01 423 查看

val()

用来设置和获取元素的值，包括元素、文本框、下拉列表还有单选框。使用val()返回元素的value值，使用val(value)
设置元素值。

例：

<script type="text/javascript">
//<![CDATA[
$(function(){
$("#key").val("请输入关键字进行搜索");
$("#key").attr("color","#ccc");
$("#key").mouseover(function(){
$(this).css("background","#fee").css("color","#d00");
});
$("#key").mouseout(function(){
$(this).css("background","#fff").css("color","#333");
});
$("#key").click(function(){
$(this).val("");
});
});
//]]>
</script>
</head>
<body>
<form>
<input type="text" id="key" name="key" />
</form>

　　

DOM方式操作节点

children()//取得匹配元素的子元素集合
next()//取得匹配元素后面紧邻的同辈元素
prev()//取得匹配元素前面紧邻的同辈元素
siblings()取得匹配元素前后所有的同辈元素集
closest()//取得最近的匹配元素

学习以上这些jQuery的DOM访问节点方式，不要忘记js自身的DOM Core访问节点方式

jQuery>>DOM Core

children()>>childNodes next()>>nextSibling
prev()>>previousSibling

first()>>firstChild

last()>>lastChild

parent()>>parentNode

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航