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 相关文章推荐
短信提示使用 特效
Jan 19 Javascript
JScript中使用ADODB.Stream判断文件编码的代码
Jun 09 Javascript
js判断是否为数组的函数: isArray()
Oct 30 Javascript
JavaScript中json对象和string对象之间相互转化
Dec 26 Javascript
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例
Dec 08 Javascript
浅析BootStrap栅格系统
Jun 07 Javascript
jQuery实现带遮罩层效果的blockUI弹出层示例【附demo源码下载】
Sep 14 Javascript
javascript实现去除HTML标签的方法
Dec 26 Javascript
JavaScript常见继承模式实例小结
Jan 11 Javascript
基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能
Apr 02 Javascript
js遍历详解(forEach, map, for, for...in, for...of)
Aug 28 Javascript
JavaScript检测是否开启了控制台(F12调试工具)
Oct 02 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的session过期设置
2013/06/29 PHP
PHP函数in_array()使用详解
2014/08/20 PHP
php实现按指定大小等比缩放生成上传图片缩略图的方法
2014/12/15 PHP
Symfony2 session用法实例分析
2016/02/04 PHP
JS记录用户登录次数实现代码
2014/01/15 Javascript
jquery 扑捉回车键事件代码
2014/04/24 Javascript
用json方式实现在 js 中建立一个map
2014/05/02 Javascript
JS解析XML文件和XML字符串详解
2015/04/17 Javascript
ECMAScript6新增值比较函数Object.is
2015/06/12 Javascript
JS实现自动切换文字的导航效果代码
2015/08/27 Javascript
JavaScript的代码编写格式规范指南
2015/12/07 Javascript
如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上
2015/12/26 Javascript
JS中使用apply、bind实现为函数或者类传入动态个数的参数
2016/04/26 Javascript
Js 获取、判断浏览器版本信息的简单方法
2016/08/08 Javascript
微信小程序 框架详解及实例应用
2016/09/26 Javascript
详解js几个绕不开的事件兼容写法
2017/08/30 Javascript
彻底理解js面向对象之继承
2018/02/04 Javascript
JavaScript数组基于交换的排序示例【冒泡排序】
2018/07/21 Javascript
微信小程序实现九宫格抽奖
2020/04/15 Javascript
小程序采集录音并上传到后台
2019/11/22 Javascript
小程序跳转到的H5页面再跳转回跳小程序的方法
2020/03/06 Javascript
JS script脚本中async和defer区别详解
2020/06/24 Javascript
django之常用命令详解
2016/06/30 Python
python paramiko模块学习分享
2017/08/23 Python
用Python写一段用户登录的程序代码
2018/04/22 Python
python邮件发送smtplib使用详解
2020/06/16 Python
Python绘制频率分布直方图的示例
2019/07/08 Python
Keras:Unet网络实现多类语义分割方式
2020/06/11 Python
canvas绘制圆角头像的实现方法
2019/01/17 HTML / CSS
IGK Hair官网:喷雾、洗发水、护发素等
2020/11/03 全球购物
2014年党务公开方案
2014/05/08 职场文书
销售团队获奖感言
2014/08/14 职场文书
高二学年自我鉴定范文(2篇)
2014/09/26 职场文书
2019职场单身人才调研报告:互联网行业单身比例最高
2019/08/07 职场文书
Python+Matplotlib+LaTeX玩转数学公式
2022/02/24 Python
vue如何使用模拟的json数据查看效果
2022/03/31 Vue.js