JQ基础知识

2017-04-19 JQ基础
完成复习时间:20:00
已经理解的知识点:
一、JQ对象:
1、获取JQ对象,需早变量前面加上$;
2、DOM对象转JQ对象:
var user = document.getElementById("d");
var $user = $(user);
3、JQ对象转DOM对象:
var $user = $("#username");
var user = $user[0]; //也可通过.get(index)方法得到相应的DOM对象
二、JQ选择器:
1、基本选择器:
1)#id $("#id");
2)Element元素 $("div");
3)class $(".class");
4)* $("*") 匹配所有元素,多用于结合上下文来搜索;
5)$("div,span,p") 返回所有指定元素
2、层次选择器:
1)$("form input") 在给定的祖先元素下匹配所有后代元素;
2)$("form>input") 在给定的父元素下匹配所有子元素;
3)$("prev+next") 匹配所有紧接在prev元素后的next元素;
4)$("prev~siblings") 匹配prev元素后的所有siblings元素,不包含prev元素;
3、基础过滤选择器:
1)$("tr:first") 匹配找到的第一个元素;last:匹配最后一个元素;
2)$("input:not(:checked)") 去除所有与给定选择器匹配的元素;
3)$("tr:even") 匹配所有底标为偶数的元素; odd:奇数;
4)$("tr:eq(0)") 匹配给定索引值的元素; gt:大于 it:小于;
5)$(":header") 匹配标题元素;
4、内容过滤选择器:
1)$("div:contains(‘abc‘)") 匹配包含给定文本的元素;
2)$("td:empty") 匹配所有不包含子元素或文本的空元素;
3)$("div:has(p)").addClass("test") 意思为给所有含P元素的div标签加上class=test;
4)$("td:parent") 匹配含有子元素或文本的元素;
5、可见度过滤选择器:
1)$("input:hidden") 匹配所有不可见的元素,如input元素type为hidden或display:none
2)$("tr:visible") 匹配所有可见元素;
6、属性过滤选择器:
1)$("div[id]") 匹配包含给定属性的元素;
2)$("input[name=‘newsletter‘]").attr("checked", true) 匹配给定属性是某个特定值的元素;
3)$("input[name!=‘newsletter‘]").attr("checked", true) 匹配所有不含指定属性的元素;
4)$("input[name^=‘news‘]") 匹配给定属性是以某些值开始的元素;
5)$("input[name$=‘news‘]") 匹配给定的属性是以某些值结尾的元素;
6)$("input[name*=‘news‘]") 匹配给定的属性是以包含某些值的元素;
7)$("input[id][name*=‘news‘]") 复合选择器,需同时满足以上条件;
7、子元素过滤选择器:
1):nth-child(index/even/odd/equation) 用法:$("ul li:nth-child(2))
匹配其父元素下的第N个或奇偶元素;
2):first-child 匹配第一个子元素;
3):last-child 匹配最后一个子元素;
4):only-child 如果某个元素是父元素中唯一的子元素,就会匹配成功;
8、表单对象属性过滤选择器:
1)$("input:enabled") 匹配所有可用元素,意思为找input中不带有disabled="disabled"的input
2)$("input:disabled") 与上面相对应;
3)$("input:checked") 匹配所有选中的元素(类型为复选框、单选框等的input,不包括select中的option)
4)$("select option:selected") 匹配子元素中所有选中的option元素;
三、JQ事件:
1、加载DOM:$(document).ready();
2、事件绑定:
1)$("#a").bind("click", function(){

});
2)$("#a").click(function(){

})
四、属性操作:
1、attr() 获取和设置属性;
2、removeAttr() 删除指定元素的指定属性;
五、样式操作:
1、addClass()追加样式;
2、removeClass()移除样式;
3、toggleClass()切换样式,控制样式的重复切换;
4、hasClass()判断元素中是否含有某个class;
六、CSS-DOM操作:
1、css()获取和设置元素的样式属性;
2、opacity 获取和设置元素透明度;
3、height() width() 获取和设置元素高宽度,例如$("p:first").height("2px");
4、offset() 获取元素在当前视窗中的相对位移,返回top left;
七、设置和获取HTML,文本和值:
1、html() 获取和设置某个元素中的HTML内容;
2、text() 获取和设置某个元素中的文本内容;
3、val() 获取和设置某个元素中的值,对于文本框, 下拉列表框, 单选框该方法可返回元素的值(多选框只能返回第一个值)

时间: 2024-10-19 17:15:25

JQ基础知识的相关文章

什么才是java的基础知识?

近日里,很多人邀请我回答各种j2ee开发的初级问题,我无一都强调java初学者要先扎实自己的基础知识,那什么才是java的基础知识?又怎么样才算掌握了java的基础知识呢?这个问题还真值得仔细思考. 我做j2ee开发已经超过十载,作为过来人,心路历程估计和大家差不多.编码的前几年,很长一段时间觉得java简单,开发实现各种功能都很轻松,代码写起来根本不费劲(主要是因为写的代码都是一些功能业务逻辑).但同时自己心里明白,自己其实没有什么水平,自己这3,4年以来学懂的东西就那么多,其他人几个月就可以

MySQL数据库基础知识

day02 MySQL数据库基础知识 一.基础知识概述: 基础决定你这门课程的学习成败!只有学习好这些基础知识以后,你才能真正的运用自如.才能够对数据库有更深入的了解,道路才会越走越远. 二.基础知识: 1.数据库(database):数据库就好比是一个物理的文档柜,一个容器,把我们整理好的数据表等等归纳起来. 创建数据库命令:        create database 数据库名; 2.查看数据库         show databases; 3.打开指定的数据库         use 

linux入门基础知识及简单命令介绍

linux入门基础知识介绍 1.计算机硬件组成介绍 计算机主要由cpu(运算器.控制器),内存,I/O,外部存储等构成. cpu主要是用来对二进制数据进行运算操作,它从内存中取出数据,然后进行相应的运算操作.不能从硬盘中直接取数据. 内存从外部存储中取出数据供cpu运存.内存的最小单位是字节(byte) 备注:由于32的cpu逻辑寻址能力最大为32内存单元.因此32位cpu可以访问的最大内存空间为:4GB,算法如下: 2^32=2^10*2^10*2^10*2^2 =1024*1024*1024

BroadcastReceive基础知识总结

BroadcastReceive基础知识总结 1.BroadcastReceive简介 BroadcastReceive也就是"广播接收者"的意思,顾名思义,就是用来接收来自系统和应用中的广播 在Android系统中,广播体现在方方面面,例如当开机完成后系统会产生一条广播,接收到这条广播就能实现开机启动服务的功能,当网络状态改变时,系统会产生一条广播,接收到这条广播,就能及时的做出提示和保存数据等操作,当电池的电量改变的时候,系统会产生一条广播,接收到这条广播就能在电量低的时候告知用户

基础知识--:before伪元素和:after伪元素

http://book.51cto.com/art/201108/285688.htm 3.7  替换指定位置 大家都知道before和after是前.后的意思.但是奇怪的是,CSS中的:before伪元素和:after伪元素是为源文档中不存在的内容设置样式的. 没有内容怎么设置样式呢?别急!它们有一个content属性,一起使用就可以为某个选择器前.后的内容设置样式了. 下面就来了解一下:before伪元素和:after伪元素的用法. 视频教学:光盘/视频/3/3.7  替换指定位置.avi 

20_Shell语言———VIM编辑器基础知识三之窗口属性定制、配置文件及查找替换功能

Vim编辑器可以让用户按照需求来定制一些使用属性. 一.窗口属性定义 1)显示行号 行号不是内容,只是用来帮助用户确认文本所在的行.在vim编辑器中,如果要显示行号,可以在末行模式下输入: set number 如果想关闭,则可以在功能名称前面加上no,即: set nonumber 命令可以被简写,如set number 可以简写为 set nu:set nonumber 可以简写为 set nonu. 注意,上述设定仅对当前vim的进程有效,一旦当前进程关闭,这些设定就会失效,如果要使设定永

web基础知识(一)关于ajax传值最基础东西

HTTP方法之 GET对比POST GET:从指定的资源请求数据, POST:向指定的资源提交要被处理的数据 GET方法: 请注意,查询字符串(名称/值对)是在 GET 请求的 URL 中发送的: /test/demo_form.asp?name1=value1&name2=value2 有关 GET 请求的其他一些注释: GET 请求可被缓存 GET 请求保留在浏览器历史记录中 GET 请求可被收藏为书签 GET 请求不应在处理敏感数据时使用 GET 请求有长度限制 GET 请求只应当用于取回

线程基础知识

什么是线程: 在一个程序里的一个执行路线就叫做线程(thread).更准确的定义是:线程是"一个进程内部的控制序列" 一切进程至少都有一个执行线程 进程与线程 进程是资源竞争的基本单位 线程是程序执行的最小单位 线程共享进程数据,但也拥有自己的一部分数据 线程ID 一组寄存器 栈 errno 信号状态 优先级 fork和创建新线程的区别 当一个进程执行一个fork调用的时候,会创建出进程的一个新拷贝,新进程将拥有它自己的变量和它自己的PID.这个新进程的运行时间是独立的,它在执行时几乎

Keepalived基础知识

大纲: 一.什么是Keepalived? 二.VRRP协议简介. 三.Keepalived原理. 四.Keepalived配置文件详解. 五.Keepalived配置示例. 一.什么是Keepalived? 什么是Keepalived呢,keepalived观其名可知,保持存活,在网络里面就是保持在线了,也就是所谓的高可用或热备,用来防止单点故障(单点故障是指一旦某一点出现故障就会导致整个系统架构的不可用)的发生,那说到keepalived时不得不说的一个协议就是VRRP协议,可以说这个协议就是