jQuery获取对象简单实现方法小结


Posted in Javascript onOctober 30, 2014

监控一个容器,当用户点击时弹出

代码如下

$(function(){
$("Element").click{function(){
alert("点击我哦!");
}
}
});

基本对象获取(注意这里获取的都是Jquery对象而不是Dom对象哦,但是他俩是可以转换滴)

代码如下

$("*") ‘表示获取所有对象 但是我至今没这样用过

$("#XXX") '获得 id=XXX 的元素对象(id可以是标签的id或CSS样式id) 常用

$("input[name='username']") 获得input标签中name='userName'的元素对象 常用

$(".abc") ' 获得样式class的名字是.abc的元素对象 常用

$("div") ' 标签选择器 选择所有的div元素 常用

$("#a,.b,span") '表示获得ID是(3water.com)a的元素和使用了类样式b的元素以及所有的span元素

$("#a .b p") 'ID号是a的并且使用了 b样式的 所有的p元素

假设有如下代码。

var target_obj = jQuery('#target_obj_id');

则,若需要判断id为target_obj_id是否存在的话,可以实现的方法有一下两种:

1、

代码如下

if (target_obj.length > 0) { //如果大于0 标识 id 为target_obj_id的对象存在,否则不存在
//对象存在的处理逻辑

} else {

//对象不存在的处理逻辑

}

2、

代码如下

if (target_obj[0]) {
//对象存在的处理逻辑

} else {

//对象不存在的处理逻辑

}
Javascript 相关文章推荐
JavaScript开发时的五个注意事项
Dec 08 Javascript
国外大牛IE版本检测!现在IE都到9了,IE检测代码
Jan 04 Javascript
react性能优化达到最大化的方法 immutable.js使用的必要性
Mar 09 Javascript
jquery中封装函数传递当前元素的方法示例
May 05 jQuery
JS设置手机验证码60s等待实现代码
Jun 14 Javascript
小程序实现人脸识别功能(百度ai)
Dec 23 Javascript
JavaScript面向对象编程小游戏---贪吃蛇代码实例
May 15 Javascript
vue-loader中引入模板预处理器的实现
Sep 04 Javascript
详解Nuxt.js中使用Element-UI填坑
Sep 06 Javascript
微信小程序(订阅消息)功能
Oct 25 Javascript
JavaScript设计模式之门面模式原理与实现方法分析
Mar 09 Javascript
深入分析JavaScript 事件循环(Event Loop)
Jun 19 Javascript
js 通过cookie实现刷新不变化树形菜单
Oct 30 #Javascript
判断字符串的长度(优化版)中文占两个字符
Oct 30 #Javascript
javascript根据时间生成m位随机数最大13位
Oct 30 #Javascript
D3.js 从P元素的创建开始(显示可加载数据)
Oct 30 #Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
Oct 30 #Javascript
如何调试异步加载页面里包含的js文件
Oct 30 #Javascript
fckeditor粘贴Word时弹出窗口取消的方法
Oct 30 #Javascript
You might like
PHP 手机归属地查询 api
2010/02/08 PHP
解析zend Framework如何自动加载类
2013/06/28 PHP
header导出Excel应用示例
2014/01/24 PHP
PHP中变量引用与变量销毁机制分析
2014/11/15 PHP
Laravel 6.2 中添加了可调用容器对象的方法
2019/10/22 PHP
Laravel 自动转换长整型雪花 ID 为字符串的实现
2020/10/27 PHP
jquery中load方法的用法及注意事项说明
2014/02/22 Javascript
js和jquery如何获取图片真实的宽度和高度
2014/09/28 Javascript
再谈javascript常见错误及解决方法
2016/09/16 Javascript
老生常谈javascript变量的命名规范和注释
2016/09/29 Javascript
微信小程序中实现一对多发消息详解及实例代码
2017/02/14 Javascript
荐书|您有一份JavaScript书单待签收
2017/07/21 Javascript
使用mock.js随机数据和使用express输出json接口的实现方法
2018/01/07 Javascript
JS中使用new Option()实现时间联动效果
2018/12/10 Javascript
js中Array对象的常用遍历方法详解
2019/01/17 Javascript
JavaScript逻辑运算符相关总结
2020/09/04 Javascript
编写v-for循环的技巧汇总
2020/12/01 Javascript
python sqlobject(mysql)中文乱码解决方法
2008/11/14 Python
python基础教程之循环介绍
2014/08/29 Python
Python图像滤波处理操作示例【基于ImageFilter类】
2019/01/03 Python
Python pyautogui模块实现鼠标键盘自动化方法详解
2020/02/17 Python
jupyter notebook参数化运行python方式
2020/04/10 Python
如何在VSCode下使用Jupyter的教程详解
2020/07/13 Python
如何基于Python和Flask编写Prometheus监控
2020/11/25 Python
python基于socket模拟实现ssh远程执行命令
2020/12/05 Python
CSS3实现可翻转的hover效果
2018/05/23 HTML / CSS
HTML5中使用json对象的实例代码
2018/09/10 HTML / CSS
DJI大疆无人机官方商城:全球领先的无人飞行器研发和生产商
2016/12/21 全球购物
FitFlop澳大利亚官网:英国符合人体工学的鞋类品牌
2017/06/05 全球购物
JVM是一个编译程序还是解释程序
2012/09/11 面试题
我的未来不是梦演讲稿
2014/09/02 职场文书
工作失职造成投诉的检讨书范文
2014/10/05 职场文书
委托书格式要求
2015/01/28 职场文书
2019年警察入党转正申请书最新范文
2019/09/03 职场文书
用Python爬取某乎手机APP数据
2021/06/15 Python
【js设计模式】SOLID五大设计原则
2022/03/24 Javascript