JQuery中上下文选择器实现方法


Posted in Javascript onMay 18, 2015

本文实例讲述了JQuery中上下文选择器实现方法。分享给大家供大家参考。具体实现方法如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>上下文选择器</title>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
 $(function () {
 $("#btnTest").click(
 function () {
  //表示取得表单id为mf内的所有单行文本框
  $(":text", $("#mf")).val("我是表单内的文本框");
 }
 );
 });
</script>
</head>
<body>
<input type="text" />
<input type="text" />
<input type="button" id="btnTest" value="单击我改变表单内的文本框文本" />
<form id="mf" action="1.htm">
<input type="text" />
<input type="text" />
<input type="text" />
</form>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
Jquery中dialog属性小记
Sep 03 Javascript
JS 如果改变span标签的是否隐藏属性
Oct 06 Javascript
JavaScript的21条基本知识点
Mar 04 Javascript
javascript模拟枚举的简单实例
Mar 06 Javascript
使用node.js 制作网站前台后台
Nov 13 Javascript
基于javascript如何传递特殊字符
Nov 30 Javascript
Node.js制作简单聊天室
Jan 12 Javascript
js图片轮播手动切换特效
Jan 12 Javascript
JavaScript中的toString()和toLocaleString()方法的区别
Feb 15 Javascript
详解jenkins自动化部署vue
May 14 Javascript
微信小程序实现搜索功能
Mar 10 Javascript
解决Vue @submit 提交后不刷新页面问题
Jul 18 Javascript
JQuery中两个ul标签的li互相移动实现方法
May 18 #Javascript
JQuery球队选择实例
May 18 #Javascript
JQuery实现动态添加删除评论的方法
May 18 #Javascript
TypeError document.getElementById(...) is null错误原因
May 18 #Javascript
JQuery实现带排序功能的权限选择实例
May 18 #Javascript
JQuery中clone方法复制节点
May 18 #Javascript
分享十五款 jQuery 社交网络分享插件
May 16 #Javascript
You might like
php模拟用户自动在qq空间发表文章的方法
2015/01/07 PHP
Laravel学习教程之model validation的使用示例
2017/10/23 PHP
Zero Clipboard js+swf实现的复制功能使用方法
2010/03/07 Javascript
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
2013/11/19 Javascript
JQuery的$命名冲突详细解析
2013/12/28 Javascript
jquery 使用简明教程
2014/03/05 Javascript
jQuery中last()方法用法实例
2015/01/06 Javascript
BootStrap Tooltip插件源码解析
2016/12/27 Javascript
微信小程序 合法域名校验出错详解及解决办法
2017/03/09 Javascript
jQuery插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
2017/04/11 jQuery
JavaScript错误处理和堆栈追踪详解
2017/04/18 Javascript
很棒的vue弹窗组件
2017/05/24 Javascript
基于JavaScript实现淘宝商品广告效果
2017/08/10 Javascript
阿里大于短信验证码node koa2的实现代码(最新)
2017/09/07 Javascript
JavaScript递归函数定义与用法实例分析
2019/01/24 Javascript
vue实现编辑器键盘抬起时内容跟随光标距顶位置向上滚动效果
2020/05/28 Javascript
[02:03]《现实生活中的DOTA2》—林书豪&DOTA2职业选手出演短片
2015/08/18 DOTA
python中实现php的var_dump函数功能
2015/01/21 Python
pygame 精灵的行走及二段跳的实现方法(必看篇)
2017/07/10 Python
详解Python中如何写控制台进度条的整理
2018/03/07 Python
使用pandas的DataFrame的plot方法绘制图像的实例
2018/05/24 Python
Tesserocr库的正确安装方式
2018/10/19 Python
对Python通过pypyodbc访问Access数据库的方法详解
2018/10/27 Python
python IDLE 背景以及字体大小的修改方法
2019/07/12 Python
python加密解密库cryptography使用openSSL生成的密匙加密解密
2020/02/11 Python
python 命名规范知识点汇总
2020/02/14 Python
python os模块在系统管理中的应用
2020/06/22 Python
使用py-spy解决scrapy卡死的问题方法
2020/09/29 Python
html5画布旋转效果示例
2014/01/27 HTML / CSS
Bally澳大利亚官网:瑞士奢侈品牌
2018/11/01 全球购物
金融专业个人求职信范文
2013/11/28 职场文书
交通事故协议书范文
2014/04/16 职场文书
初中新生军训方案
2014/05/13 职场文书
拉歌口号大全
2014/06/13 职场文书
农业项目建议书
2014/08/25 职场文书
2016公司新年问候语
2015/11/11 职场文书