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 相关文章推荐
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
Jan 23 Javascript
一个JavaScript处理textarea中的字符成每一行实例
Sep 22 Javascript
JS获取时间的方法
Jan 21 Javascript
深入解析JavaScript框架Backbone.js中的事件机制
Feb 14 Javascript
JavaScript使用简单正则表达式的数据验证功能示例
Jan 13 Javascript
Material(包括Material Icon)在Angular2中的使用详解
Feb 11 Javascript
vue组件之间的数据传递方法详解
Apr 19 Javascript
微信端调取相册和摄像头功能,实现图片上传,并上传到服务器
May 16 Javascript
jQuery实现每日秒杀商品倒计时功能
Sep 06 jQuery
jquery实现烟花效果(面向对象)
Mar 10 jQuery
Vue this.$router.push(参数)实现页面跳转操作
Sep 09 Javascript
JavaScript使用canvas绘制坐标和线
Apr 28 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
第十四节 命名空间 [14]
2006/10/09 PHP
一个PHP分页类的代码
2011/05/18 PHP
php5.5中类级别的常量使用介绍
2013/10/02 PHP
Php header()函数语法及使用代码
2013/11/04 PHP
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
2008/03/22 Javascript
JS与框架页的操作代码
2010/01/17 Javascript
javascript中利用数组实现的循环队列代码
2010/01/24 Javascript
了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
2012/02/10 Javascript
自己写的兼容ie和ff的在线文本编辑器类似ewebeditor
2012/12/12 Javascript
控制页面按钮在后台执行期间不重复提交的JS方法
2013/06/24 Javascript
jQuery的one()方法用法实例
2015/01/19 Javascript
JavaScript在网页中画圆的函数arc使用方法
2015/11/13 Javascript
jQuery实现日期联动效果实例
2016/07/26 Javascript
ECMAscript 变量作用域总结概括
2017/08/18 Javascript
AngularJS实现的省市二级联动功能示例【可对选项实现增删】
2017/10/26 Javascript
Vue Router的懒加载路径的解决方法
2018/06/21 Javascript
JS Generator 函数的含义与用法实例总结
2020/04/08 Javascript
python使用点操作符访问字典(dict)数据的方法
2015/03/16 Python
Python实现简单字典树的方法
2016/04/29 Python
python将一个英文语句以单词为单位逆序排放的方法
2018/12/20 Python
Python可变对象与不可变对象原理解析
2020/02/25 Python
使用Python爬取小姐姐图片(beautifulsoup法)
2021/02/11 Python
关于PySnooper 永远不要使用print进行调试的问题
2021/03/04 Python
意大利体育用品网上商城:Nencini Sport
2016/08/18 全球购物
Dyson加拿大官方网站:购买戴森吸尘器,风扇,冷热器及配件
2016/10/26 全球购物
加拿大女包品牌:Matt & Nat
2017/05/12 全球购物
英国排名第一的宠物店:PetPlanet
2020/02/02 全球购物
澳大利亚家居用品零售商:Harris Scarfe
2020/10/10 全球购物
Roxy俄罗斯官方网站:冲浪和滑雪板的一切
2020/06/20 全球购物
学生就业推荐信
2013/11/13 职场文书
高中毕业生的个人自我评价
2014/02/21 职场文书
2015年出纳工作总结与计划
2015/05/18 职场文书
公司出差管理制度范本
2015/08/05 职场文书
mysql数据库入门第一步之创建表
2021/05/14 MySQL
nginx服务器的下载安装与使用详解
2021/08/02 Servers
Windows server 2012 配置Telnet以及用法详解
2022/04/28 Servers