jQuery获取this当前对象子元素对象的方法


Posted in Javascript onNovember 29, 2016

如下所示:

<select id="city">
   <option value="beijing">北京</option>
   <option value="shanghai">上海</option>
   <option value="shenzhen">深圳</option>
</select>
$(function(){
  $("#city").change(function(){
    ①// 已获取select为当前this元素
  })
})

如果想要在①获取选中option的值可以有如下方法

$("#city option:selected").val(); //使用选择器
$(this).children('option:selected').val() //使用this

有时候我们会想当然的这样写 $(this “a”), $(“this a”)之类,这样是不对的

以上这篇jQuery获取this当前对象子元素对象的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery 技巧和窍门整理(8个)
Apr 22 Javascript
js快速排序的实现代码
Dec 08 Javascript
node.js中的events.emitter.removeAllListeners方法使用说明
Dec 10 Javascript
Javascript设计模式之观察者模式的多个实现版本实例
Mar 03 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
Mar 04 Javascript
使用Chart.js图表库制作漂亮的响应式表单
Oct 28 Javascript
详解JavaScript中的属性和特性
Dec 08 Javascript
JavaScript实现图片拖曳效果
Sep 08 Javascript
jQuery实现所有验证通过方可提交的表单验证
Nov 21 jQuery
JavaScript对象拷贝与Object.assign用法实例分析
Jun 20 Javascript
vue+elementUI 复杂表单的验证、数据提交方案问题
Jun 24 Javascript
javascript实现扫雷简易版
Aug 18 Javascript
JavaScript中return用法示例
Nov 29 #Javascript
使用JS正则表达式 替换括号,尖括号等
Nov 29 #Javascript
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
Nov 29 #Javascript
JS判断是否为JSON对象及是否存在某字段的方法(推荐)
Nov 29 #Javascript
JS 拦截全局ajax请求实例解析
Nov 29 #Javascript
JS正则替换掉小括号及内容的方法
Nov 29 #Javascript
详解堆的javascript实现方法
Nov 29 #Javascript
You might like
MayFish PHP的MVC架构的开发框架
2009/08/13 PHP
php实现refresh刷新页面批量导入数据的方法
2014/12/23 PHP
php如何实现只替换一次或N次
2015/10/29 PHP
PHP Curl模拟登录微信公众平台、新浪微博实例代码
2016/01/28 PHP
php中输出json对象的值(实现方法)
2018/03/07 PHP
优化JavaScript脚本的性能的几个注意事项
2006/12/22 Javascript
JavaScript脚本性能的优化方法
2007/02/02 Javascript
在javascript将NodeList作为Array数组处理的方法
2010/07/09 Javascript
jquery中dom操作和事件的实例学习 下拉框应用
2011/12/01 Javascript
JavaScript中使用构造器创建对象无需new的情况说明
2012/03/01 Javascript
JS生成不重复的随机数组的简单实例
2016/07/10 Javascript
详解前端自动化工具gulp自动添加版本号
2016/12/20 Javascript
正则表达式基本语法及表单验证操作详解【基于JS】
2017/04/07 Javascript
简单实现js拖拽效果
2017/07/25 Javascript
JS判断微信扫码的方法
2017/08/07 Javascript
JavaScript简单实现合并两个Json对象的方法示例
2017/10/16 Javascript
利用npm 安装删除模块的方法
2018/05/15 Javascript
javascript闭包的使用之按钮切换功能
2018/08/30 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
2020/09/27 Javascript
Python中实现结构相似的函数调用方法
2015/03/10 Python
简单分析Python中用fork()函数生成的子进程
2015/05/04 Python
python使用xmlrpclib模块实现对百度google的ping功能
2015/06/02 Python
使用Python读写及压缩和解压缩文件的示例
2016/07/08 Python
Python网络编程基于多线程实现多用户全双工聊天功能示例
2018/04/10 Python
对Python3 pyc 文件的使用详解
2019/02/16 Python
Python字典的基本用法实例分析【创建、增加、获取、修改、删除】
2019/03/05 Python
Mac在python3环境下安装virtualwrapper遇到的问题及解决方法
2019/07/09 Python
python 利用浏览器 Cookie 模拟登录的用户访问知乎的方法
2019/07/11 Python
Django使用unittest模块进行单元测试过程解析
2019/08/02 Python
TensorFlow车牌识别完整版代码(含车牌数据集)
2019/08/05 Python
Manuka Doctor美国官网:麦卢卡蜂蜜和蜂毒护肤
2016/12/25 全球购物
飞利浦西班牙官方网站:Philips西班牙
2020/02/17 全球购物
土木建筑学生自我评价
2014/01/14 职场文书
总经理秘书岗位职责
2014/03/17 职场文书
防沙治沙典型材料
2014/05/07 职场文书
python热力图实现的完整实例
2022/06/25 Python