zoukankan      html  css  js  c++  java
  • 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" 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

  • 相关阅读:
    HTTP客户端
    获取IP地址和域名
    SQL语句、PL/SQL块和SQL*Plus命令之间的区别
    oracle中的游标
    oracle表问题
    精简版web浏览器
    oracle的存储过程
    数据库中的视图
    第一次作业
    折半查找
  • 原文地址:https://www.cnblogs.com/liangle/p/2512666.html
Copyright © 2011-2022 走看看