jQuery设置和获取HTML、文本和值
<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、文本和值相关推荐
- jQuery设置和获取span的内容(简单示例说明)
原文地址为: jQuery设置和获取span的内容(简单示例说明) 示例代码如下: <html> <head> <script type="text/javas ...
- jQuery取得select选择的文本与值
jquery获取select选择的文本与值 获取select : 获取select 选中的 text : $("#ddlregtype").find("option: ...
- JQuery设置与获取RadioButtonList和CheckBoxList的值
要获取ASP.NET控件RadioButtonList的值,首先想到的就是$("#<%=RadioButtonList1.ClientID %>").val();结果返 ...
- datatable隐藏列设置及获取隐藏列的值
原文:原文链接 设置隐藏列: "columns": [ { "data": "name" }, { "data": &q ...
- js获取html文本框值,判断,跳转
//html: <input type="text" id="user"/> <button onClick="beat()&quo ...
- php cookie expires,php cookie类(设置、获取、删除cookie值)
分享一个php cookie操作的类,可以设置cookie.获取cookie.删除cookie. 代码: /** * php cookie类 * class:PHP_COOKIE * by www.j ...
- datatables隐藏列设置及获取隐藏列的值
https://blog.csdn.net/bingguang1993/article/details/84649674
- Js获取input文本框值的几种方法
首先编写一个HTML,代码如下: <form id="form1"><table border="0"><tr><td ...
- JQuery、JavaScript获取文本值
JQuery.JavaScript获取文本值 首先准备一段HTML页面中的input标签: <input type="text" id="ID_NAME" ...
最新文章
- Jmeter Web 性能测试入门 (六):Jmeter 解析 response 并传递 value
- windows server 2003中继代理
- 行业专业的移动广告聚合平台--KeyMob
- PC与手机的IPCP协商
- SAP 电商云 Spartacus UI 路由事件监控
- SAP One Order redesign里的新CDS view
- python中pow_python – 为什么pow(x,y)的时间复杂度为O(1),而x ** y为O(n)?
- mysql中使用HAVING 筛选分组后的数据
- 为什么在python中整数的值没有限制_python-为什么math.log接受大整数值?
- 计算机三级嵌入式系统之常考指令
- 使用FFMPEG类库分离出多媒体文件中的H.264码流
- 字节高工强推 “Android学习视频教程631部,文末有链接哦”
- windows补丁下载地址
- 谷歌、火狐浏览器扩展开发
- android程序劫持持程序,大谈android安全2——Activity劫持的防范程序
- C语言数据结构理解语句L = (LNode * )malloc(sizeof(LNode));
- python程序员前景-一个6年Python程序员的工作感悟,送给还在迷茫的你
- 【祝贺】绍兴市首个爱心助残协会(慈善组织)成立
- IDEA Eval Reset 使用方法
- VMware vCenter突然无法正常登陆,出现[503 Service Unavailable]
热门文章
- C语言经典例19-完数
- 【Windows 逆向】CE 地址遍历工具 ( CE 结构剖析工具 | 尝试进行瞬移操作 | 尝试查找飞天漏洞 )
- 【Android 逆向】Android 进程注入工具开发 ( 调试进程中寄存器的作用 | 通过 EIP 寄存器控制程序运行 | EIP 寄存器的存档与恢复 )
- 【Flutter】Flutter 混合开发 ( 混合开发中 Flutter 的 热重启 / 热加载 )
- 【词汇】ab-前缀、al-后缀、norm-词根
- 【Android 应用开发】Activity 任务亲和性 taskAffinity 设置 ( taskAffinity 属性 )
- R语言与概率统计(六) 主成分分析 因子分析
- Java HashMap的put操作(Java1.8)
- redis常用命令(一)
- Ubuntu常见问题配置