jquery概要--基础01
jquery对象,DOM对象
- var $cr = $('#cr'); var cr = $cr[0]; /var cr = $cr.get(0);
- var cr = document.getElementById('cr'); var $cr = $(cr);
JQ与其他库一起使用会有冲突的时候:
- JQ先导入:使用'jQuery()'替代'$()';其他库可以使用$();
- JQ后导入:使用jQuery(function($){内部可以继续使用'$()'});其他库可以使用$();
$('a'):jquery获取的是永远的对象,即使没有这个对象也不会报错;所以判断的方法为:
- if($('a').length>0){}
- 或转化为DOM判断:if($('a')[0]){}
选择器
- 基本选择器:
- 层次选择器:$('ancestor descendant'); $('parent > child'); $('prev + next'); $(prev ~ sibiling).
- 等价:
- $('.one+div') === $('.one').next('div');
- $('#prve~div') === $('#prve')nextAll('div');
- $('#prev').siblings('div') //同辈所有的。
- 等价:
- 过滤选择器 //一般情况下过滤器的内容已经为字符串无需再加引号
- 基本过滤选择器:
- :first,:last, :not(selector), :even,:odd, :eq(index),:gt(index),:lt(index) //index从0开始
- :header//所有标题元素,一般冒号前无元素,
- :animated//当前正在执行动画的所有元素,
- :focus//当前获得焦点的元素
- 基本过滤选择器:
- 内容过滤选择器:
- :contains(text)
- :empty //不包含子元素(包括空格、换行)
- :has(selector), :parent //含有子元素
- 可见性过滤选择器:
- :hidden,:visible
- 属性过滤选择器:
- [attr],[attr=value],[attr!=value],[attr^=value],[attr$=value]
- [attr*=value] //attr属性值含有value,[attr|=value]//attr属性值等于value或以value前缀(后面跟'-')
- [attr~=value] //value左右无其他字符串(包括开头结尾或直接等价),[attr1][attr2=value]//同时满足
- 子过滤选择器:(这个过滤器返回的是子元素)
- :first-child,:last-child,:only-child //不唯一不匹配
- :nth-child(even/odd),:nth-child(index)//index从1开始,:nth-child(2*index) //2的倍数,:nth-child(3*index+1)
- 表单对象属性过滤选择器:
- :enabled,:disabled //设置disable='disable',
- :checked //单选(radio),复选框(checkbox),
- :selected//下拉框
- 表单选择器
- :input //所有<input><textare><select><button>元素,
- :text //单行文本框,
- :radio,
- :checkbox,
- :submit,
- :image,
- :reset,
- :button,
- :file,
- :hidden
- 选择器中的一些注意事项:
- 选择器中含有特殊字符: 如#(].等注意在转义,因为在字符串内,使用双反斜杠\\
- 注意空格
筛选:filter()//自身集合中查找,find()//子集中查找
DOM操作分类:
- DOM Core:任何支持DOM的语言都可以使用 如:document.getElementById();elem.setAttribute();
- HTML-DOM:使用js和dom为html编写脚本时 如:document.fomes; elem.src;
- CSS-DOM:针对css的操作 如: elem.style.color;
属性操作:
- 获得属性:单个attr('');多个attr('','','');
- 设置属性:单个attr('':''); 多个attr({'':'','':''});
- 删除属性:removeAttr();
插入节点: 名字短的方法都是将原节点放在前,新节点放在在后;
- 成为最后一个子节点:append,appendTo;
- 成为第一个子节点:prepend,prependTo;
- 成为后一个节点:after,insertAfter;
- 成为前一个节点:before,insertBefore;
删除节点:
- remove();
删除的包括其以及其全局子元素;
返回一个该节点的引用,所以还可以继续使用,但注意其原本绑定的事件,附加的数据都会删除。
对于节点集合,还可以使用参数过滤要删除的节点;
- detach();
效果与remove()相同,区别是会保留其原本绑定的事件和附加的数据。
- empty();
清空元素所有的子节点,包括绑定的事件,附加的数据;
没有返回引用;
没有参数过滤;
jquery概要--基础01的更多相关文章
- jquery概要--基础02
复制节点:clone();默认不会复制绑定事件,如果传入参数true会复制:替换节点: replaceWith() //原节点放在前,新节点放在在后: replaceAll( ...
- Jquery语法基础
Jquery语法基础 一.Jquery一般语法格式为:$(selector).action() l 美元符号定义 jQuery (又称工厂函数) l 选择器(selector)“查询”和“查找” ...
- [DOM Event Learning] Section 3 jQuery事件处理基础 on(), off()和one()方法使用
[DOM Event Learning] Section 3 jQuery事件处理基础 on(),off()和one()方法使用 jQuery提供了简单的方法来向选择器(对应页面上的元素)绑定事件 ...
- javascript基础01
javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...
- jQuery 插件基础
jQuery 插件基础 翻译 How to Create a Basic Plugin 如果你需要在 jQuery 选择器上执行一系列重复操作, 这时候你需要编写 jQuery 插件. jQuery ...
- Androd核心基础01
Androd核心基础01包含的主要内容如下 Android版本简介 Android体系结构 JVM和DVM的区别 常见adb命令操作 Android工程目录结构 点击事件的四种形式 电话拨号器Demo ...
- java基础学习05(面向对象基础01)
面向对象基础01 1.理解面向对象的概念 2.掌握类与对象的概念3.掌握类的封装性4.掌握类构造方法的使用 实现的目标 1.类与对象的关系.定义.使用 2.对象的创建格式,可以创建多个对象3.对象的内 ...
- jquery插件开发基础入门
jquery插件开发基础入门 入门 编写一个jquery插件开始于给jquery.fn加入新的功能属性,此处添加的对象属性的名称就是你的插件名称 jQuery.fn,myPlugin = functi ...
- jQuery官方基础教程笔记(转载)
本文转载于阮一峰的博文,内容基础,结构清晰,是jquery入门不可多得的资料,非常好,赞一个. 阮一峰:jQuery官方基础教程笔记 jQuery是目前使用最广泛的javascript函数库. 据统计 ...
随机推荐
- sublime Text 3实用功能和常用快捷键收集
下面是我通过网上视频教程或文本资料学习sublime Text3时收集的一些实用功能和常用快捷键,现在分享出来,如果还有其它的好用的功能可以在下面留言,以便互相学习. PS:ST3在Mac OX与Wi ...
- Windows性能计数器
LogicalDisk\% Free Space 它测量选定逻辑磁盘上的可用空间百分比.请注意,如果此值低于 15%,则表示可用空间不足,操作系统无法存储关键文件.一个最直接的解决方案是增加更多的磁盘 ...
- 总结使用Unity 3D优化游戏运行性能的经验
原地址:http://www.gameres.com/msg_221889.html 作者:Amir Fasshihi 流畅的游戏玩法来自流畅的帧率,而我们即将推出的动作平台游戏<Shadow ...
- POJ 矩阵相乘 (随机化算法-舍伍德(Sherwood))
周三的算法课,主要讲了随机化算法,介绍了拉斯维加斯算法,简单的理解了为什么要用随机化算法,随机化算法有什么好处. 在处理8皇后问题的时候,穷举法是最费时的,回朔比穷举好点,而当数据量比较大的时候,如1 ...
- c3p0数据库连接池
C3P0: 一个开源的JDBC连接池,它实现了数据源和JNDI绑定,支持JDBC3规范和JDBC2的标准扩展.目前使用它的开源项目有Hibernate,Spring等. 默认情况下(即没有配置连接池的 ...
- map遍历
Set<Map.Entry<String,String>> ss = params.entrySet(); for(Map.Entry<String,String> ...
- HDOJ 2546饭卡(01背包问题)
http://acm.hdu.edu.cn/showproblem.php?pid=2546 Problem Description 电子科大本部食堂的饭卡有一种很诡异的设计,即在购买之前判断余额.如 ...
- android获取手机信息大全
IMEI号,IESI号,手机型号: private void getInfo() { TelephonyManager mTm = (TelephonyManager) getSystemServic ...
- php自定义函数call_user_func和call_user_func_array详解
看UCenter的时候有一个函数call_user_func,百思不得其解,因为我以为是自己定义的函数,结果到处都找不到,后来百度了一下才知道call_user_func是内置函 call_user_ ...
- Scrapy and Selenium
How to scrapy js? scrapy结合webkit抓取js生成的页面 http://www.cnblogs.com/Safe3/archive/2011/10/19/2217965.ht ...