只有对象 D：数字或对象 答案: A JavaScript只有原始类型和对象。 原始类型是boolean，null，undefined，bigint，number，string和symbol。
input:not(:checked)") :even 选取所有元素中偶数索引的元素，从 0 开始计数 $("tr:even") ----- 选取奇数元素 :odd 选取所有元素中奇数索引的元素 ，从0...在动画完成时执行的函数 div> ④：内容过滤选择器 内容选择器是对子元素和文本内容的操作 :contains(text) 选取包含text文本内容的元素 $("div:contains...('John')") 文本内容含有john 的所有div :empty 选取不包含子元素或者文本节点的空元素 $("td:empty") td元素必须为空 :has(selector) 选取含有选择器所匹配的元素的元素...javadiv> div>JavaScript 是网页开发中脚本技术div> div>Ajax 是异步的 JavaScript和 XMLdiv> div>选择器 对某元素中的子元素进行选取 :nth-child(index/even/odd) 选取索引为index的元素、索引为偶数的元素、索引为奇数的元素 ----- index 从1开始
第2章 选择器 jQuery选择器是jQuery为我们提供的一组方法，让我们更加方便的获取到页面中的元素。注意：jQuery选择器返回的是jQuery对象。...语法模板： 00-语法模板.html（需要包含jquery.js） javascript"> //常用选择器 //根据id获取元素 获取到的结果：类数组对象...2的元素，索引号index从0开始。...parent() $(’#first’).parent(); 查找父亲 eq(index) $(‘li’).eq(2); 相当于$(‘li:eq(2)’),index从0开始 next() $(‘li’...jquery.js） javascript"> //常用筛选方法 //获取爱好对应的div var hobby = $('#hobby');
过滤选择器 $(“div:first”) 匹配第一个div $(“div:last”) 匹配最后一个div $(“div:eq(n)”) 匹配下标为n的div 从0开始 $(“div:lt(n)”)...div $(“div:odd”) 匹配下标为基数的div 内容选择器 $(“div:has§”) 匹配包含p子元素的div $(“div:empty”) 匹配空的div $(“div:parent”)...匹配非空的div $(“div:contains(‘xxx’)”) 匹配包含xxx文本的div 可见选择器 $(“div:visible”) 匹配所有显示的div $(“div:hidden”) 匹配所有隐藏的...第n个 div:eq(n) 小于n个 div:lt(n) 大于n个 div:gt(n) 不包含 div:not(xxx) 偶数 div:even 基数 div:odd 内容选择器 包含子元素 div:has...(xxx) 空元素 div:empty 非空元素 div:parent 包含文本的元素 div:contains(xxx) 可见选择器 所有可见元素 div:visible 所有不可见 div:hidden
它为我们提供了许多可用于选择元素以更新元素内容的方法。...JavaScript可以更改页面中的所有HTML元素 JavaScript可以更改页面中的所有HTML属性 JavaScript可以更改页面中的所有CSS样式 JavaScript可以删除现有的HTML...如果我们有像这样的示例标记 div class="grandparent"> div class="parent"> div class="child">1div>...如果我们有这样的示例标记 div class="grandparent"> div class="parent"> div class="child">1div>...换句话说，闭包是与函数相关的本地声明的变量，并在相关函数返回时保留在内存中。 闭包包含创建闭包时在范围内的所有局部变量。 在JavaScript中，每次创建函数时都会创建闭包。
DOM元素之间的父子关系作为匹配筛选条件的选择器 选择器 描述 ancestor descendant 在给定的祖先元素下匹配所有的后代元素 parent>child 在给定的父元素下匹配所有的子元素..."整数或odd或even" :only-child 选择父元素中唯一的子元素(该父元素只有一个子元素) 区分元素类型的 选择器 说明 :first-of-type 选择同元素类型的第一个子元素 :last-of-type...选择同元素类型的随后一个子元素 :nth-of-type 选择同元素类型的第n个或奇偶元素,n的值为"整数或odd或even" :only-of-type 匹配父元素中特定类型的唯一子元素(该父元素可以有多个子元素...” visiblity:hidden 内容伪类选择器 根据元素中的文字内容或所包含的子元素特征来选择元素 选择器 说明 :contains(text) 选择包含给定文本内容的元素 :has(selector...) 选择包含选择器所匹配元素的元素 :empty 选择所有不包含子元素或者不包含文本的元素 :parent 选择含有子元素或者文本的元素 $("div:contains('刘
:删除与指定表达式匹配的元素 slice(start,end):从给定的数组中，按照范围截取元素。...+span").is("span")); }); has('selecter'):后代中含有指定选择器的 // 选择所有div中含有div的"...'):排除匹配的选择器 // 选择样式为one的div没有title属性的div" id="b8"/> $("#b8").click(function...:从下一个兄弟开始,直到指定元素结束 parent():获取父元素 parents():匹配元素的祖先元素的元素(不包含根元素) prev():上一个兄弟 prevAll():前面的所有兄弟 prevUntil...，然后把这些元素放进一个临时集合中，再用给定的选择器表达式去过滤； 3，前者返回0或1个元素，后者可能包含0个，1个，或者多个元素。
', '0'); }); 二、 层次选择器 1. parent > child（直系子元素） $(document).ready(function () { // 选取div下的第一代...，在上面的代码中C的背景会变色。...内容过滤选择器 ——2.1 :contains(text)（取包含text文本的元素） $(document).ready(function () { // dd元素中包含"jQuery...上面第三个dd会显示"没有内容"文本 ——2.3 :has(selector)（取选择器匹配的元素） $(document).ready(function () { // 为包含...div> A B div> ——2.4 :parent（取包含子元素或文本的元素） $(document
', '0'); }); 二、 层次选择器 1. parent > child（直系子元素） $(document).ready(function () { // 选取div下的第一代...内容过滤选择器 ——2.1 :contains(text)（取包含text文本的元素） $(document).ready(function () { // dd元素中包含"jQuery...div> A B div> ——2.4 :parent（取包含子元素或文本的元素） $(document...value值） 在属性选择器中，^$符号和正则表达式的开始结束符号表示的含义是一致的，*模糊匹配，类似于sql中的like '%str%'。...要注意的是，这儿的n不像eq(x)、gt(x)或lt(x)是从0开始的，它是从1开始的，英文里好像也没有zeroth这样的序号词吧。
jQuery 是一个非常实用且实用的库，但随着浏览器对 ES6 的广泛支持（截至撰写本文时超过 96%），现在可能是时候从 jQuery 过渡到原生 JavaScript 了。...我最近从我的博客中移除了 jQuery，并发现自己不断地在谷歌上搜索一些模式。...在 JavaScript 中，$() 或 jQuery() 的等价物是 querySelector() 或 querySelectorAll()，它们同样可以使用 CSS 选择器。...或者选择所有 .box 的实例 document.querySelectorAll(".box"); 在选择中的所有元素上运行函数 querySelectorAll() 返回一个包含所有匹配查询元素的...与 jQuery 可以直接对选择的所有元素调用方法不同，在纯 JavaScript 中，你需要使用 NodeList.forEach() 遍历这个 NodeList。
JQuery选择器 编写任何javascript程序都需要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如”拥有title属性并且值中包含test....}); 相比较而言，中的onload同ready的区别有： onload是原生的JAVASCRIPT事件方法； onload必须等到页面内包括图片的所有元素加载完毕后才能执行...>执行$("p").parent()之后结果为：[ div>HelloHellodiv>] $("p").parent(".selected")查找段落的父元素中每个类名为...parent(".selected")之后结果为：[ div class="selected">Hello Againdiv> ] 其他 使用is()方法查找段落的父元素中每个类名为...第一个元素是0.如果是负数，则可以从集合的尾部开始选起。 第二个参数：结束选取自己的位置，如果不指定，则就是本身的结尾。
JavaScript中的元素： document.querySelector(); document.querySelectorAll(); css选择器：基本选择器，属性选择器，伪类选择器，伪元素选择器...find() 获取当前匹配元素集合中的每个元素的后代，由选择器进行筛选 .first() 将匹配元素集合缩减为集合中的 第一个元素 .has() 将匹配元素集合缩减为包含特定元素的后代的集合 .is()....nextUntil() 获得每个元素之后所有的同辈元素直到遇到匹配选择器的元素为止 .not() 从匹配元素集合中删除元素 .offsetParent() 获得用于定位的第一个父元素 .parent...() 向匹配元素集合中的每个元素开头插入由参数指定的内容 prependTo() 向目标开头插入匹配元素集合中的每个元素 remove() 移除所有匹配的元素 removeAttr() 从所有匹配的元素中移除指定的属性...> callback 参数 responseTxt - 包含调用成功时的结果内容 statusTXT - 包含调用的状态 xhr - 包含 XMLHttpRequest 对象 $("button"
获取最后个元素 :not(selector) 去除所有与给定选择器匹配的元素 :even 匹配所有索引值为偶数的元素，从 0 开始计数 :odd 匹配所有索引值为奇数的元素，从 0 开始计数 :eq(...匹配所有不包含子元素或者文本的空元素 :parent 匹配含有子元素或者文本的元素 :has(selector) 匹配含有选择器所匹配的元素的元素 案例： $(document).ready(function...//4.选择含有子元素(或者文本元素)的div元素 $("#btn4").click(function(){ $("div:parent").css("background...(){ alert( $("#one").is(":parent") ); }); //(6)has()选择div中包含....="button" value="has()选择div中包含.mini的" id="btn6" /> 选择div中class不为
$("div").css("backgroud", "#bfa"); #id选择器 根据给定id名匹配元素。id在html页面中应该是唯一的，所以每次只能选中一个元素。...$("div span")选取div>下的所有元素。 $("parent > child") 选取parent元素下的child（子）元素。...:has(selector) 选择含有指定元素的元素。 $("div:has(p)")选取含有元素的div>元素。 :parent 选择含有子元素或文本的元素。...$("div[title|='en']}")选取属性title等于'en'或以'en'为前缀的div>元素。 [attribute~=value] 选取属性用空格分隔的值中包含一个给定值的元素。...$("div[title~='uk']}")选取属性title用空格分隔的值中包含字符uk的元素。
-- 页面结构，最外层的是一个div.盒子容器； 3个单独的dl,带有项目和描述的描述列表 dl的结构：包括一个dt（标题）若干个dd描述； 两个目标： 第一个：删除功能...；删除游戏本身； 第二个：新增游戏;新增的是一个dl节点,包含了若干的html代码。...//游戏待完善代码 //Author:写上你的名字； $(function(){ //加载事件; //任务1：先找删除选择器a标签 // $(".del").click...(function(){ // //要明白删除的是哪个选择器对象;删除按钮和要删除对象的关系 // //要掌握当前节点和待删除节点的关系； // $(this)...() { $(this).parent().parent().remove(); }); //删除代码结束，其他代码开始 $(".add
-- 二、 层次选择器 1. parent > child（直系子元素） $(document).ready(function () { // 选取div下的第一代span元素，将字体颜色设为红色...内容过滤选择器 ——2.1 :contains(text)（取包含text文本的元素） $(document).ready(function () { // dd元素中包含"jQuery"文本的会变色...div> A B div> ——2.4 :parent（取包含子元素或文本的元素） $(document).ready(function () {...value值） 在属性选择器中，^$符号和正则表达式的开始结束符号表示的含义是一致的，*模糊匹配，类似于sql中的like '%str%'。...要注意的是，这儿的n不像eq(x)、gt(x)或lt(x)是从0开始的，它是从1开始的，英文里好像也没有zeroth这样的序号词吧。
this 之谜揭底：从浅入深理解 JavaScript 中的 this 关键字（二） 调用位置 • 在理解 this 的绑定过程之前，首先要理解调用位置：调用位置就是函数在代码中被调用的位置(而不是声明的位置...调用位置使用 obj 的上下文来引用函数，可以说函数被调用时 obj 对象拥有或包含它。...a = "oops, global"; // a 是全局对象的属性 setTimeout( obj.foo, 100 ); // "oops, global" 显示绑定 • 那我们不想在对象内部包含函数引用...• 更安全的this • DMZ(demilitarized zone)空委托对象 • 在 JavaScript 中创建一个空对象最简单的方法都是 Object.create(null)。...，但是从本质上来说，它们想替代的是 this 机制。 小结 1. 判断 this 指向 1. 是否在 new 中调用(new 绑定), this 指向新创建的对象 2.
this 之谜揭底：从浅入深理解 JavaScript 中的 this 关键字（一） 为什么要用 this • 考虑以下代码： function identify() { return this.name.toUpperCase...(me 和 you) 中重复使用函数 identify() 和 speak(), 不用针对每个对象编写不同版本的函数。...• 当执行 foo.count = 0; 时，的确向函数对象 foo 中添加了一个属性 count, 但是函数内部代码中 this.count 中的 this 并不是指向那个函数对象，虽然属性名相同，跟对象却并不相同...console.log( data.count ); // 4 • 虽然从某种角度来说，解决了问题，但忽略了真正的问题——无法理解 this 的含义和工作原理，上述代码而是返回了舒适区——词法作用域。...• 当一个函数被调用是，会创建一个执行上下文，这个执行上下文汇总会包含函数在哪里被调用(也就是调用栈)，函数的调用方法， 传入的参数等信息。
='#']") 所有 href 属性的值不等于 "#" 的元素 [attribute$=value] $("[href$='.jpg']") 所有 href 属性的值包含以 ".jpg" 结尾的元素...event.result 包含由被指定事件触发的事件处理器返回的最后一个值。 event.target 触发该事件的 DOM 元素。...trigger() 所有匹配元素的指定事件 triggerHandler() 第一个被匹配元素的指定事件 unbind() 从匹配元素移除一个被添加的事件处理器 undelegate() 从匹配元素移除一个被添加的事件处理器...如果包含JavaScript标签，则会尝试去执行。..."script": 尝试将返回值当作JavaScript去执行，然后再将服务器端返回的内容转换成普通文本格式 "json": 将服务器端返回的内容转换成相应的JavaScript对象 "jsonp
云服务器
ICP备案
云直播
实时音视频
即时通信 IM
