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 相关文章推荐
Fixie.js 自动填充内容的插件
Jun 28 Javascript
javascript 获取模态窗口的滚动位置代码
Aug 06 Javascript
jQuery 中ajax异步调用的四种方式
Jun 28 Javascript
微信小程序 loading 详解及实例代码
Nov 09 Javascript
jquery实时获取时间的简单实例
Jan 26 Javascript
js获取地址栏参数的两种方法
Jun 27 Javascript
微信小程序之多列表的显示和隐藏功能【附源码】
Aug 06 Javascript
深入理解vue-class-component源码阅读
Feb 18 Javascript
使用Promise封装小程序wx.request的实现方法
Nov 13 Javascript
JS实现简单日历特效
Jan 03 Javascript
如何基于js判断浏览器版本
Feb 20 Javascript
如何在vue中使用jointjs过程解析
May 29 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
9个实用的PHP代码片段分享
2015/01/22 PHP
php操作xml入门之cdata区段
2015/01/23 PHP
PHP 断点续传实例详解
2017/11/11 PHP
js控制input框只读实现示例
2014/01/20 Javascript
自己封装的javascript事件队列函数版
2014/06/12 Javascript
轻松使用jQuery双向select控件Bootstrap Dual Listbox
2015/12/13 Javascript
jquery实现简单的全选和反选功能
2016/01/02 Javascript
nodejs修复ipa处理过的png图片
2016/02/17 NodeJs
Angularjs结合Bootstrap制作的一个TODO List
2016/08/18 Javascript
如何使用jquery实现文字上下滚动效果
2016/10/12 Javascript
JS正则截取两个字符串之间及字符串前后内容的方法
2017/01/06 Javascript
js eval函数使用,js对象和字符串互转实例
2017/03/06 Javascript
VUE使用vuex解决模块间传值问题的方法
2017/06/01 Javascript
AngularJS ng-repeat指令及Ajax的应用实例分析
2017/07/06 Javascript
bootstrap-table组合表头的实现方法
2017/09/07 Javascript
微信小程序实现选项卡功能
2020/06/19 Javascript
基于 D3.js 绘制动态进度条的实例详解
2018/02/26 Javascript
Vue动态生成el-checkbox点击无法赋值的解决方法
2019/02/21 Javascript
JS面向对象之多选框实现
2020/01/17 Javascript
vue实现购物车案例
2020/05/30 Javascript
element-ui封装一个Table模板组件的示例
2021/01/04 Javascript
[01:11:37]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第一场 11.19
2020/11/19 DOTA
ansible作为python模块库使用的方法实例
2017/01/17 Python
使用python 爬虫抓站的一些技巧总结
2018/01/10 Python
python去掉空白行的多种实现代码
2018/03/19 Python
利用python中的matplotlib打印混淆矩阵实例
2020/06/16 Python
Django def clean()函数对表单中的数据进行验证操作
2020/07/09 Python
Pytorch框架实现mnist手写库识别(与tensorflow对比)
2020/07/20 Python
Python 程序员必须掌握的日志记录
2020/08/17 Python
Python创建简单的神经网络实例讲解
2021/01/04 Python
巴西24小时在线药房:Droga Raia
2020/05/12 全球购物
地球鞋加拿大官网:Earth Shoes Canada
2020/11/17 全球购物
扩大国家免疫规划实施方案
2014/03/21 职场文书
2016婚礼主持词开场白
2015/11/24 职场文书
Go语言应该什么情况使用指针
2021/07/25 Golang
Vue 打包后相对路径的引用问题
2022/06/05 Vue.js