jQuery设置与获取HTML,文本和值的简单实例

前端技术 2023/09/02 JavaScript

复制代码 代码如下:

<script type=\"text/javascript\">
 //<![CDATA[
  $(function(){
      //获取<p>元素的HTML代码
      $(\"input:eq(0)\").click(function(){
            alert(  $(\"p\").html() );
      });
      //获取<p>元素的文本
      $(\"input:eq(1)\").click(function(){
            alert(  $(\"p\").text() );
      });
      //设置<p>元素的HTML代码
      $(\"input:eq(2)\").click(function(){
             $(\"p\").html(\"<strong>你最喜欢的水果是?</strong>\");
      });   
       //设置<p>元素的文本
      $(\"input:eq(3)\").click(function(){
             $(\"p\").text(\"你最喜欢的水果是?\");
      }); 
      //设置<p>元素的文本
      $(\"input:eq(4)\").click(function(){
             $(\"p\").text(\"<strong>你最喜欢的水果是?</strong>\");
      }); 
      //获取按钮的value值
      $(\"input:eq(5)\").click(function(){
             alert( $(this).val() );
      });  
      //设置按钮的value值
      $(\"input:eq(6)\").click(function(){
            $(this).val(\"我被点击了!\");
      }); 
  });
  //]]>
  </script>

复制代码 代码如下:

<script type=\"text/javascript\">
 //<![CDATA[
  $(function(){
      $(\"#address\").focus(function(){         // 地址框获得鼠标焦点
            var txt_value =  $(this).val();   // 得到当前文本框的值
            if(txt_value==\"请输入邮箱地址\"){ 
                $(this).val(\"\");              // 如果符合条件，则清空文本框内容
            }
      });
      $(\"#address\").blur(function(){          // 地址框失去鼠标焦点
              var txt_value =  $(this).val();   // 得到当前文本框的值
            if(txt_value==\"\"){
                $(this).val(\"请输入邮箱地址\");// 如果符合条件，则设置内容
            }
      })

      $(\"#password\").focus(function(){
            var txt_value =  $(this).val();
            if(txt_value==\"请输入邮箱密码\"){
                $(this).val(\"\");
            }
      });
      $(\"#password\").blur(function(){
              var txt_value =  $(this).val();
            if(txt_value==\"\"){
                $(this).val(\"请输入邮箱密码\");
            }
      })
  });
  //]]>
  </script>

本文地址：https://www.stayed.cn/item/5064

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案