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 相关文章推荐
[原创]图片分页查看
Aug 28 Javascript
用js查找法实现当前栏目的高亮显示的代码
Nov 24 Javascript
关于js内存泄露的一个好例子
Dec 09 Javascript
实例分析js和C#中使用正则表达式匹配a标签
Nov 26 Javascript
node.js中的http.response.setHeader方法使用说明
Dec 14 Javascript
jquery实现图片随机排列的方法
May 04 Javascript
Javascript设计模式理论与编程实战之简单工厂模式
Nov 03 Javascript
Javascript中document.referrer隐藏来源的方法
Jan 16 Javascript
浅谈vuejs实现数据驱动视图原理
Feb 23 Javascript
arctext.js实现文字平滑弯曲弧形效果的插件
May 13 Javascript
JavaScript ES6 Class类实现原理详解
May 08 Javascript
vue使用screenfull插件实现全屏功能
Sep 17 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
安装APACHE
2007/01/15 PHP
基于php 随机数的深入理解
2013/06/05 PHP
php递归方法实现无限分类实例代码
2014/02/28 PHP
php微信公众号开发之关键词回复
2018/10/20 PHP
JavaScript中的Document文档对象
2008/01/16 Javascript
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
2008/08/14 Javascript
javascript 写类方式之七
2009/07/05 Javascript
jquery 关于event.target使用的几点说明介绍
2013/04/26 Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
2014/08/22 Javascript
html的DOM中Event对象onabort事件用法实例
2015/01/21 Javascript
JS判断是否360安全浏览器极速内核的方法
2015/01/29 Javascript
你一定会收藏的Nodejs代码片段
2016/02/04 NodeJs
JS获取时间的相关函数及时间戳与时间日期之间的转换
2016/02/04 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
2016/07/05 Javascript
js从外部获取图片的实现方法
2016/08/05 Javascript
angularJs使用$watch和$filter过滤器制作搜索筛选实例
2017/06/01 Javascript
[原创]jquery判断元素内容是否为空的方法
2018/05/04 jQuery
js实现每日签到功能
2018/11/29 Javascript
vuex实现及简略解析(小结)
2019/03/01 Javascript
一文快速了解JQuery中的AJAX
2019/05/31 jQuery
在vue中实现某一些路由页面隐藏导航栏的功能操作
2020/09/21 Javascript
jQuery实现查看图片功能
2020/12/01 jQuery
python中使用urllib2获取http请求状态码的代码例子
2014/07/07 Python
TensorFlow打印tensor值的实现方法
2018/07/27 Python
Django-Rest-Framework 权限管理源码浅析(小结)
2018/11/12 Python
在Python 中实现图片加框和加字的方法
2019/01/26 Python
搞定这套Python爬虫面试题(面试会so easy)
2019/04/03 Python
Python3 A*寻路算法实现方式
2019/12/24 Python
python中读入二维csv格式的表格方法详解(以元组/列表形式表示)
2020/04/24 Python
Python列表如何更新值
2020/05/27 Python
教育局长自荐信范文
2013/12/22 职场文书
运动会稿件100字
2014/02/21 职场文书
担保书怎么写 ?
2019/04/22 职场文书
《学会生存》读后感3篇
2019/12/09 职场文书
Nginx流量拷贝ngx_http_mirror_module模块使用方法详解
2022/04/07 Servers
Android移动应用开发指南之六种布局详解
2022/09/23 Java/Android