jQuery学习教程,七:val(与节点操作

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"  />  
</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