• 定制开发
  • APP定制开发
  • 智能软硬件应用
  • 戒赌难戒视角
  • 技术VC
  • 关于我们
  • 联系我们
  • 在线咨询

    戒赌难戒视角

    关注互联网,关注技术开发,透析与分享移动互联网行业最新动态
  • 全部动态|
  • 戒赌难戒快讯|
  • 行业新闻|
  • APP开发|
  • 原型UI交互|
  • 常见问题|
  • 解决方案|
  • 当前位置: 网站首页 > APP开发 > jQuery设置和获取HTML、文本和值

    jQuery设置和获取HTML、文本和值

    时间:2019-02-18 18:22:31    阅读:629次 分类:APP开发
    < type="text/java"> //元素的html代码 $("input:eq(0)").click(function(){ alert( $("p").html() ); }); //获取元素的文本 $("input:eq(1)&q...

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

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


          $("#password").focus(function(){
                var txt_value =  $(this).val();
                if(txt_value==this.defaultValue){
                    $(this).val("");
                } 
          });
          $("#password").blur(function(){
                  var txt_value =  $(this).val();
                if(txt_value==""){
                    $(this).val(this.defaultValue);
                } 
          })
      });
      //]]>
      </script>

    <script type="text/javascript">
     //<![CDATA[
      $(function(){
          //设置单选下拉框选中
          $("input:eq(0)").click(function(){
                $("#single").val("2");
          });
          //设置多选下拉框选中
          $("input:eq(1)").click(function(){
                $("#multiple").val(["选择2号", "选择3号"]);
          });
          //设置单选框和多选框选中
          $("input:eq(2)").click(function(){
                 $(":checkbox").val(["check2","check3"]);
                $(":radio").val(["radio2"]);
          });    


      });
      //]]>
      </script>

    <script type="text/javascript">
     //<![CDATA[
      $(function(){
          //设置单选下拉框选中
          $("input:eq(0)").click(function(){
                $("#single option").removeAttr("selected");  //移除属性selected
                $("#single option:eq(1)").attr("selected",true); //设置属性selected
          });
          //设置多选下拉框选中
          $("input:eq(1)").click(function(){
                $("#multiple option").removeAttr("selected");  //移除属性selected
                $("#multiple option:eq(2)").attr("selected",true);//设置属性selected
                $("#multiple option:eq(3)").attr("selected",true);//设置属性selected
          });
          //设置单选框和多选框选中
          $("input:eq(2)").click(function(){
                $(":checkbox").removeAttr("checked"); //移除属性checked
                $(":radio").removeAttr("checked"); //移除属性checked
                $(":checkbox[value=check2]").attr("checked",true);//设置属性checked
                $("[value=check3]:checkbox").attr("checked",true);//设置属性checked
                $("[value=radio2]:radio").attr("checked",true);//设置属性checked
          });   
      });
      //]]>
      </script>
    :checkbox 表示属性为checkbox


    芜湖戒赌难戒软件有限公司(原中江网络),成立于2005年,经过10多年定制开发经验,积累了大量技术储备和定制开发经验,率先创建安徽省内自主研发的云计算平台,具有大数据、高并发等高强度计算能力,为众多政府、学校、公安部门、中小企业解决数据计算与管理难题。2013年公司内部专门创建电商服务部,为企业提供全方位电商解决方案与配套服务。多次获得国家、省市级领导接见,被国内近20家电视台、报纸媒体争相报道。至今,戒赌难戒软件服务过上市公司、大型国企、各类私企超800家,为多家公司提供各类政务系统、app开发定制、微信小程序开发定制、智能家居、电商系统、连锁收银等技术解决方案服务。同时,戒赌难戒软件在智能硬件方面、区块链应用方面持续投入关注及创新。

    戒赌难戒软件
    最新资讯排行榜