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 相关文章推荐
让网页根据不同IE版本显示不同的内容
Feb 08 Javascript
js 屏蔽鼠标右键脚本附破解方法
Dec 03 Javascript
js读取cookie方法总结
Oct 31 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
Jun 12 Javascript
JS导出PDF插件的方法(支持中文、图片使用路径)
Jul 12 Javascript
Node.js服务器开启Gzip压缩教程
Aug 11 Javascript
原生JS实现的雪花飘落动画效果
May 03 Javascript
vue实现微信二次分享以及自定义分享的示例
Mar 20 Javascript
详解使用uni-app开发微信小程序之登录模块
May 09 Javascript
优化Vue项目编译文件大小的方法步骤
May 27 Javascript
vue自定义标签和单页面多路由的实现代码
May 03 Javascript
图解JS原型和原型链实现原理
Sep 15 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动态生成静态HTML网页的代码
2010/03/04 PHP
php中ftp_chdir与ftp_cdup函数用法
2014/11/18 PHP
PHP实现懒加载的方法
2015/03/07 PHP
通过身份证号得到出生日期和性别的js代码
2009/11/23 Javascript
jQuery调用WebService的实现代码
2011/06/19 Javascript
Javascript中 关于prototype属性实现继承的原理图
2013/04/16 Javascript
js中onload与onunload的使用示例
2013/08/25 Javascript
JS格式化数字保留两位小数点示例代码
2013/10/15 Javascript
jquery结合CSS使用validate实现漂亮的验证
2015/01/29 Javascript
悬浮广告方法日常收集整理
2016/03/18 Javascript
Angularjs CURD 详解及实例代码
2016/09/14 Javascript
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
2016/09/24 Javascript
jQuery利用sort对DOM元素进行排序操作
2016/11/07 Javascript
用director.js实现前端路由使用实例
2017/01/27 Javascript
纯js实现html转pdf的简单实例(推荐)
2017/02/16 Javascript
JS使用cookie实现只出现一次的广告代码效果
2017/04/22 Javascript
Angular2安装angular-cli
2017/05/21 Javascript
vue动态路由配置及路由传参的方式
2018/05/23 Javascript
了解javascript中let和var及const关键字的区别
2019/05/24 Javascript
vue css 引入asstes中的图片无法显示的四种解决方法
2020/03/16 Javascript
[01:36:57]【09DOTA2第一视角】小骷髅
2014/04/16 DOTA
零基础写python爬虫之使用urllib2组件抓取网页内容
2014/11/04 Python
python获取文件真实链接的方法,针对于302返回码
2018/05/14 Python
Python远程开发环境部署与调试过程图解
2019/12/09 Python
Python 内置变量和函数的查看及说明介绍
2019/12/25 Python
python smtplib发送多个email联系人的实现
2020/10/09 Python
解决python 执行shell命令无法获取返回值的问题
2020/12/05 Python
应届生求职信写作技巧
2013/10/24 职场文书
供电工程专业求职信
2014/08/09 职场文书
领导班子四风表现材料
2014/08/23 职场文书
学习焦裕禄精神践行三严三实心得体会
2014/10/13 职场文书
党员自我评价范文2015
2015/03/03 职场文书
大学生军训感言
2015/08/01 职场文书
2016大学生就业指导课心得体会
2016/01/15 职场文书
2016年优秀团员事迹材料
2016/02/25 职场文书
Python turtle实现贪吃蛇游戏
2021/06/18 Python