<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

jQuery设置和获取HTML、文本和值相关推荐

  1. jQuery设置和获取span的内容(简单示例说明)

    原文地址为: jQuery设置和获取span的内容(简单示例说明) 示例代码如下: <html> <head> <script type="text/javas ...

  2. jQuery取得select选择的文本与值

    jquery获取select选择的文本与值 获取select : 获取select 选中的 text :   $("#ddlregtype").find("option: ...

  3. JQuery设置与获取RadioButtonList和CheckBoxList的值

    要获取ASP.NET控件RadioButtonList的值,首先想到的就是$("#<%=RadioButtonList1.ClientID %>").val();结果返 ...

  4. datatable隐藏列设置及获取隐藏列的值

    原文:原文链接 设置隐藏列: "columns": [ { "data": "name" }, { "data": &q ...

  5. js获取html文本框值,判断,跳转

    //html: <input type="text" id="user"/> <button onClick="beat()&quo ...

  6. php cookie expires,php cookie类(设置、获取、删除cookie值)

    分享一个php cookie操作的类,可以设置cookie.获取cookie.删除cookie. 代码: /** * php cookie类 * class:PHP_COOKIE * by www.j ...

  7. datatables隐藏列设置及获取隐藏列的值

    https://blog.csdn.net/bingguang1993/article/details/84649674

  8. Js获取input文本框值的几种方法

    首先编写一个HTML,代码如下: <form id="form1"><table border="0"><tr><td ...

  9. JQuery、JavaScript获取文本值

    JQuery.JavaScript获取文本值 首先准备一段HTML页面中的input标签: <input type="text" id="ID_NAME" ...

最新文章

  1. Jmeter Web 性能测试入门 (六):Jmeter 解析 response 并传递 value
  2. windows server 2003中继代理
  3. 行业专业的移动广告聚合平台--KeyMob
  4. PC与手机的IPCP协商
  5. SAP 电商云 Spartacus UI 路由事件监控
  6. SAP One Order redesign里的新CDS view
  7. python中pow_python – 为什么pow(x,y)的时间复杂度为O(1),而x ** y为O(n)?
  8. mysql中使用HAVING 筛选分组后的数据
  9. 为什么在python中整数的值没有限制_python-为什么math.log接受大整数值?
  10. 计算机三级嵌入式系统之常考指令
  11. 使用FFMPEG类库分离出多媒体文件中的H.264码流
  12. 字节高工强推 “Android学习视频教程631部,文末有链接哦”
  13. windows补丁下载地址
  14. 谷歌、火狐浏览器扩展开发
  15. android程序劫持持程序,大谈android安全2——Activity劫持的防范程序
  16. C语言数据结构理解语句L = (LNode * )malloc(sizeof(LNode));
  17. python程序员前景-一个6年Python程序员的工作感悟,送给还在迷茫的你
  18. 【祝贺】绍兴市首个爱心助残协会(慈善组织)成立
  19. IDEA Eval Reset 使用方法
  20. VMware vCenter突然无法正常登陆,出现[503 Service Unavailable]

热门文章

  1. C语言经典例19-完数
  2. 【Windows 逆向】CE 地址遍历工具 ( CE 结构剖析工具 | 尝试进行瞬移操作 | 尝试查找飞天漏洞 )
  3. 【Android 逆向】Android 进程注入工具开发 ( 调试进程中寄存器的作用 | 通过 EIP 寄存器控制程序运行 | EIP 寄存器的存档与恢复 )
  4. 【Flutter】Flutter 混合开发 ( 混合开发中 Flutter 的 热重启 / 热加载 )
  5. 【词汇】ab-前缀、al-后缀、norm-词根
  6. 【Android 应用开发】Activity 任务亲和性 taskAffinity 设置 ( taskAffinity 属性 )
  7. R语言与概率统计(六) 主成分分析 因子分析
  8. Java HashMap的put操作(Java1.8)
  9. redis常用命令(一)
  10. Ubuntu常见问题配置