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 相关文章推荐
Gird事件机制初级读本
Mar 10 Javascript
extjs 学习笔记(三) 最基本的grid
Oct 15 Javascript
js截取小数点后几位的写法
Nov 14 Javascript
用js正确判断用户名cookie是否存在的方法
Jan 28 Javascript
使用canvas实现仿新浪微博头像截取上传功能
Sep 02 Javascript
深入理解jquery中的事件与动画
May 24 Javascript
JavaScript实现拖拽元素对齐到网格(每次移动固定距离)
Nov 30 Javascript
详解vuex 渐进式教程实例代码
Nov 27 Javascript
小程序从手动埋点到自动埋点的实现方法
Jan 24 Javascript
Vue 处理表单input单行文本框的实例代码
May 09 Javascript
js中let能否完全替代IIFE
Jun 15 Javascript
es6中new.target的作用和使用场景简单示例分析
Mar 14 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&amp;&amp;mysql)二
2006/10/09 PHP
全文搜索和替换
2006/10/09 PHP
phpfans留言版用到的数据操作类和分页类
2007/01/04 PHP
用PHP的ob_start();控制您的浏览器cache!
2007/02/14 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
基于jQuery的公告无限循环滚动实现代码
2012/05/11 Javascript
Ext中下拉列表ComboBox组件store数据格式用法介绍
2013/07/15 Javascript
node.js中的fs.truncate方法使用说明
2014/12/15 Javascript
使用FlexiGrid实现Extjs表格效果方法分享
2014/12/16 Javascript
javascript实现日期按月份加减
2015/05/15 Javascript
JavaScript函数的一些注意要点小结及js匿名函数
2015/11/10 Javascript
JavaScript SHA512加密算法详细代码
2016/10/06 Javascript
DropDownList实现可输入可选择(两种版本可选)
2016/12/07 Javascript
Javascript ES6中数据类型Symbol的使用详解
2017/05/02 Javascript
微信小程序第三方框架对比 之 wepy / mpvue / taro
2019/04/10 Javascript
js实现二级联动简单实例
2020/01/11 Javascript
原生js+canvas实现下雪效果
2020/08/02 Javascript
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
2020/09/12 Javascript
vue中使用router全局守卫实现页面拦截的示例
2020/10/23 Javascript
Flask解决跨域的问题示例代码
2018/02/12 Python
查找python项目依赖并生成requirements.txt的方法
2018/07/10 Python
利用nohup来开启python文件的方法
2019/01/14 Python
Python实现FTP文件传输的实例
2019/07/07 Python
python开发前景如何
2020/06/11 Python
Python闭包装饰器使用方法汇总
2020/06/29 Python
重构Python代码的六个实例
2020/11/25 Python
利用CSS3的线性渐变linear-gradient制作边框的示例
2016/06/02 HTML / CSS
HTML5 播放 RTSP 视频的实例代码
2019/07/29 HTML / CSS
曼联官方网上商店:Manchester United Direct
2017/07/28 全球购物
The Outnet亚太地区:折扣设计师时装店
2019/12/05 全球购物
大学生蛋糕店创业计划书
2014/01/13 职场文书
献爱心倡议书
2014/04/14 职场文书
运动员口号
2014/06/09 职场文书
劳动竞赛口号
2014/06/16 职场文书
拔河比赛队名及霸气口号
2015/12/24 职场文书
详解Redis主从复制实践
2021/05/19 Redis