(0); dom2.innerHTML = "传智播客ITCAST"; }); hello jQuery对象无法使用...next 获取紧随pre元素的后一个兄弟元素 $("label + input") prev ~ siblings 获取pre元素后边的所有兄弟元素 $("form ~ input") 练习2: ² 将.../jquery-1.8.3.min.js"> javascript"> $(function(){ // 将class属性值为itcast的元素下所有...$("div:has(p)").addClass("test"); 含有p子元素的div :parent 选取含有子元素或文本节点的元素 $("td:parent") 所有不为空td元素选中 练习4:...=value] 选取属性值不为value的所有元素 [attribute ^= value] 选取属性值以value开始的所有元素 [attribute $= value] 选取属性值以value结束的所有元素
$("div#intro .head") 选取id="intro" 的 元素中的所有 class="head" 的元素 (2)属性选择器 jQuery 使用 XPath 表达式来选择带有给定属性的元素...='#']") 选取所有带有 href 值不等于 "#" 的元素。 $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。...HTML 1. jQuery 获取 DOM:Document Object Model(文档对象模型) 获得内容 text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容...尺寸 width() - 设置或返回元素的宽度(不包括内边距、边框或外边距)。 height() - 设置或返回元素的高度(不包括内边距、边框或外边距)。..." 的元素 }); 四、jQuery AJAX AJAX:异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。
/jquery-1.8.3.min.js"> javascript"> $(function(){ // 将class属性值为itcast的元素下所有... $("div:has(p)").addClass("test"); 含有p子元素的div :parent 选取含有子元素或文本节点的元素 $("td:parent") 所有不为空td元素选中...=value] 选取属性值不为value的所有元素 [attribute ^= value] 选取属性值以value开始的所有元素 [attribute $= value] 选取属性值以value结束的所有元素...选取表单元素的过滤选择器 :input 选取所有、textarea>、和元素 :text 选取所有的文本框元素 :password...,但是为了提高jQuery的查询效率,可以结合jQuery的内置查找函数一起使用 ①:查询 children([expr]) 获取指定的子元素 find(expr) 获取指定的后代元素 parents
window.onload是在网页中所有的元素(包括相关联的文件)完全加载到浏览器后才触发;(document).ready()是在页面的DOM结构加载完毕就触发,并不是等着网页中所有的元素(包括相关联的文件...window.onload是在网页中所有的元素(包括相关联的文件)完全加载到浏览器后才触发;$(document).ready()是在页面的DOM结构加载完毕就触发,并不是等着网页中所有的元素(包括相关联的文件...window.onload是在网页中所有的元素(包括相关联的文件)完全加载到浏览器后才触发;$(document).ready()是在页面的DOM结构加载完毕就触发,并不是等着网页中所有的元素(包括相关联的文件...window.onload是在网页中所有的元素(包括相关联的文件)完全加载到浏览器后才触发;$(document).ready()是在页面的DOM结构加载完毕就触发,并不是等着网页中所有的元素(包括相关联的文件...属性 说明 type 获取事件类型 target 获取触发事件的元素 result 获取上一个事件处理函数返回的值 which 获取在鼠标单击事件中获取鼠标的按键,值1表示鼠标左键;值2表示鼠标中键;值
window.onload是在网页中所有的元素(包括相关联的文件)完全加载到浏览器后才触发;(document).ready()是在页面的DOM结构加载完毕就触发,并不是等着网页中所有的元素(包括相关联的文件...window.onload是在网页中所有的元素(包括相关联的文件)完全加载到浏览器后才触发;$(document).ready()是在页面的DOM结构加载完毕就触发,并不是等着网页中所有的元素(包括相关联的文件...window.onload是在网页中所有的元素(包括相关联的文件)完全加载到浏览器后才触发;$(document).ready()是在页面的DOM结构加载完毕就触发,并不是等着网页中所有的元素(包括相关联的文件...window.onload是在网页中所有的元素(包括相关联的文件)完全加载到浏览器后才触发;$(document).ready()是在页面的DOM结构加载完毕就触发,并不是等着网页中所有的元素(包括相关联的文件...属性 说明 type 获取事件类型 target 获取触发事件的元素 result 获取上一个事件处理函数返回的值 which 获取在鼠标单击事件中获取鼠标的按键,值1表示鼠标左键;值2表示鼠标中键
JQuery 一.JQuery基础语法 1.概念 JQuery是javaScript的一个库,Jquery基于javascript开发出来。目的就是为了简化javascript的开发。...='baidu']") 选择href属性不等于baidu的所有元素(包括没有href的元素) $("a[href!...名称 说明 解释 $(:input) 匹配所有 input, textarea, select 和 button 元素 查找所有的input元素: $(":input") $(...Click事件 3.1 jQuery基础事件 3.1.1 鼠标事件 方法 描述 执行时机 click( ) 触发或将函数绑定到指定元素的click事件 单击鼠标时 mouseover( ) 触发或将函数绑定到指定元素的...td> 3.2.2 连续单击事件 用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。
供你快速定位到需要操作的元素上面去。还提供了很多便捷的方法。 怎么使用jquery Jquery它是一个库(框架),要想使用它,必须先引入! jquery-1.8.3.js:一般用于学习阶段。...jquery-1.8.3.min.js:用于项目使用阶段 Jquery的简单入门 所有的jquery代码写在页面加载函数 $(function(){ Jquery代码 }); ...Jquery的效果 ? 3.实现步骤 第一步:引入jQuery相关的文件 第二步:书写页面加载函数 第三步:在页面加载函数中,获取显示广告图片的元素。...元素[使用jquery选择器获取到需要操作元素].方法() 四、使用JQ完成省市二级联动 1.需求分析 使用jquery完成省市二级联动 2.技术分析 2.1数组的遍历操作 方式一: ?...第六步:创建option元素节点 第七步:将文本节点添加到元素节点中【使用JQ的文档操作方法】 第八步:获取第二个下拉列表并将option元素节点添加进去 第九步:清除第二个下拉列表的option内容
表3-1-1 基本选择器 基本选择器 说明 #id 根据CSS id选择器的名字来获取页面元素,相当于document.getElementById( ) .class 根据CSS类选择器的名字来获取页面元素...element 根据CSS标签选择器的名字来获取页面元素,相当于document.getElementsByTagName( ) * 获取页面所有元素 selector1,selector2, ......获取每一个选择器所匹配的元素 示例3.2是jQuery基本选择器的具体应用,其中还牵涉到平时最常用的三个函数: val( ):用来获得元素value属性的值 html( ):用来获得元素标签内的所有信息...; return false; } } ) } ) 页面中文本框和密码框的class属性的值都是text,因此可以使用jQuery基本选择器(".text")获取到包含这两个元素的集合...A. html()函数只能用来获取信息 B. val()函数只能用来获取value属性的值 C. jQuery对象拥有innerHTML属性 D. jQuery对象和DOM对象可以相互转换 4.
:last 获取最后个元素 :eq(index) 匹配一个给定索引值的元素 :lt 匹配所有小于给定索引值的元素 :gt 匹配所有大于给定索引值的元素 :odd 匹配所有索引值为奇数的元素,从 0 开始计数...对象内部的元素中找出部分匹配的元素, 并封装成新的 jQuery 对象返回 方法 描述 first() 获取第一个元素 last() 获取最后个元素 eq(index) 获取第 N 个元素 filter... // jQuery $("p").remove(); // 运行结果 how are 3.更新 方法 描述 replaceWith() 将所有匹配的元素替换成指定的 HTML 或 DOM 元素.../JS/jquery-3.5.1.js" type="text/javascript"> javascript"> var $div1.../JS/jquery-3.5.1.js" type="text/javascript"> javascript"> /* 需求:
网页中的所有内容都是节点(标签、属性、文本、注释等),在DOM 中,节点使用 node 来表示。...HTML DOM 树中的所有节点均可通过 JavaScript 进行访问,所有 HTML 元素(节点)均可被修改,也可以创建或删除。 ?...[0].nodeType); console.log(ul.childNodes[1].nodeType); // 2. children 获取所有的子元素节点 也是我们实际开发常用的...把对象里面的属性值 datas[i][k] 给 td td.innerHTML = datas[i][k]; tr.appendChild...创建有删除2个字的单元格 var td = document.createElement('td'); td.innerHTML = '<a href=
=value] //概述 //匹配所有不含有指定的属性,或者属性不等于特定的值· //次选择器等价于:not([attr=value])要匹配含有特定属性但不等于特定值的元素,请使用[attr]:not..."/>] :checked //概述 //匹配所有选中的被选中元素(复选框,单选框等,select中的option),对于select元素来说,获取选中推荐使用:selected 描述 查找说有选中的复选框元素...; 回调函数描述 使用函数来设置所有匹配元素的内容 jQuery代码 $("p").html(function(n){ return "这个p元素的 index是:" +n; })...元素的index是:"+n; }) val([val|fn|arr]) //概述 //获得匹配元素的当前值 //jQuery 1.2中,可以 返回任意的值了.包括select.如果多选,将返回一个数组...用于 check/select的值 无参数描述 获取文本框的值 jQuery代码 $("input").val(); 参数val描述: 设定文本框的值 jQuery代码 $("input")
(url, [callback]) 使用GET请求javascript文件并执行。...selector的所有元素 $(”td: parent”) 匹配所有不为空的元素(含有文本的元素也算) $(”div: hidden”) 匹配所有隐藏的元素,也包括表单的隐藏域 $(”div: visible...: only - child”) 匹配父元素的唯一1个子元素 表单元素选择器 $(”: input”) 匹配所有的表单输入元素,包括所有类型的input, textarea, select 和 button....innerHTML; 3、如何获取jQuery集合的某一项 对于获取的元素集合,获取其中的某一项(通过索引指定)可以使用eq或get(n)方法或者索引号获取,要注意,eq返回的是jquery对象,而...对于jquery对象只能使用jquery的方法,而dom对象只能使用dom的方法,如要获取第三个 元素的内容。
= value](取attribute属性值等于value或不等于value的元素) 分别为class="item"和class!...value开始,以value结束,或包含value值) 在属性选择器中,^$符号和正则表达式的开始结束符号表示的含义是一致的,*模糊匹配,类似于sql中的like '%str%'。...举个例子:div:first返回的是整个DOM文档中第一个div元素,而div:first-child是返回所有div元素下的第一个元素合并后的集合。...:nth-child有三种用法: 1) :nth-child(x),获取第x个子元素 2) :nth-child(even)和:nth-child(odd),从1开始,获取第偶数个元素或第奇数个元素...表单对象属性过滤选择器 ——6.1 :enabled和:disabled(取可用或不可用元素) :enabled和:diabled的匹配范围包括input, select, textarea。
/js/jquery-1.11.0.min.js">" - 语法 - $("选择器") 或 jQuery("选择器") "var 元素对象...= $("选择器"); $("#id值"); val();" - javaScript和jquery区别 - 注意事项: "使用jquery的方式获取的对象称为...jquery对象, 使用js的方式获取的对象称为dom(js)对象, 两者的方法和属性不能混用, 使用jquery的方法和属性时,必须保证对象是jquery对象...- :selected 选中的(下拉选) - 表单: - :input:选择所有的表单子标签 "input:选中所有input标签 select textarea...("属性值");添加 - 元素.removeClass():移除指定的样式 - 元素.toggleClass("属性值"):切换 */ /* 回顾: jQuery:js类库
3.JQuery流行程度 jQuery现在已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。...Jquery 的初体验 需求:使用Jquery和javascript给一个按钮绑定单击事件 注意:使用Jquery之前要将第三方jar包导入 所有与给定选择器匹配的元素 :even 匹配所有索引值为偶数的元素,从 0 开始计数 :odd 匹配所有索引值为奇数的元素,从 0 开始计数 :eq(index) 匹配一个给定索引值的元素... Jquery 的属性操作 html() 跟innerHTML一样。 设置和获取起始标签和结束标签中的内容 text() 跟innerText一样。...我们重点关心的是怎么拿到这个javascript的事件对象。以及使用。 如何获取呢javascript事件对象呢?
获取元素 var btn = document.querySelector('button'); var text = document.querySelector('textarea...行里面创建单元格td 单元格的数量取决于每个对象里面的属性个数 // 使用for in遍历学生对象 for (var k in datas[i]) {...把对象里面的属性值 datas[i][k] 给 td td.innerHTML = datas[i][k]; tr.appendChild...创建有删除2个字的单元格 var td = document.createElement('td'); td.innerHTML = '元素的三种方式 ?
能帮助使用者建立有高难度交互客户端页面, 并且兼容各大浏览器。 1.2、当前流行的 JavaScript 库有: jQuery,最流行 EXT_JS,版本2.0以后开始收费(不包括版本2.0)。...()); // 3、将 jQuery对象 转换成 js的dom对象 // 3.1、方式一:jQuery对象内部使用【数组】来存放所有的数据,可以通过数组的索引进行获取...示例动图如下: 3.4、内容过滤选择器 详解如下: :empty 当前元素是否为空(即是否有标签体,标签体包括子元素或文本) :has(selector) 当前元素是否含有指定的子元素...如果之后再使用,元素本身保留,绑定的事件 或 绑定的数据 都会被移除。 detach() 删除当前对象。如果之后再使用,元素本身保留,绑定的事件 或 绑定的数据 都保留。...如果之后再使用,元素本身保留,绑定的事件 或 绑定的数据 都保留。
在其核心,jQuery重点放在从HTML页面里获取元素并对其进行操作。如果你熟悉CSS,就会很清楚选择器的威力,通过元素的特性或元素在文档中的位置去描述元素组。...开发出来的方法就是通过使用选择器—基于元素的属性或元素在HTML文档中的位置,简明地表现元素。 例如,选择器:p a 引用所有嵌套于元素之内的超链接(元素)组。...3.2.1、通过id获取元素 在CSS中经常使用id来控制元素,在jQuery中获取元素时,也使用同样方法。与CSS一样,在id前面加上#号。...在JavaScript中使用document对象的getElemnetById(id)方法来获取元素,在jQuery中则更为简化。...在网页当中,使用class属性引用样式表中的类样式,因为类样式的可重用,所以多个元素可以引用同一个样式。
表6-1-1 属性操作函数 属性操作函数 说明 html ( ) 设置或获取innerHTML属性的值 text ( ) 设置或获取innerText属性的值 val (...在使用JavaScript对可简写的属性进行操作时,通常使用true和false作为属性的值。...表6-1-3 样式函数 分类 样式函数 说明 CSS样式 css ( ) 获取或设置样式属性的通用函数 位置 offset ( ) 获取或设置元素相对于浏览器窗口的位置 scrollTop...( ) 获取或设置元素相对于滚动条顶部的位置 scrollLeft ( ) 获取或设置元素相对于滚动条左端的位置 尺寸大小 height ( ) 获取或设置元素的高度 width ( ) 获取或设置元素的宽度..." : 属性值 , ... ...} ) 6.2.2位置函数 offset函数用来获取或设置元素相对于浏览器窗口的位置对象,可以通过该对象的left和top属性获取到准确的位置坐标。
表6-1-1 属性操作函数 属性操作函数 说明 html ( ) 设置或获取innerHTML属性的值 text ( ) 设置或获取innerText属性的值 val ( ) 设置或获取value属性的值...在使用JavaScript对可简写的属性进行操作时,通常使用true和false作为属性的值。...表6-1-3 样式函数 分类 样式函数 说明 CSS样式 css ( ) 获取或设置样式属性的通用函数 位置 offset ( ) 获取或设置元素相对于浏览器窗口的位置 scrollTop ( )...获取或设置元素相对于滚动条顶部的位置 scrollLeft ( ) 获取或设置元素相对于滚动条左端的位置 尺寸大小 height ( ) 获取或设置元素的高度 width ( ) 获取或设置元素的宽度..." : 属性值 , ... ...} )6.2.2位置函数offset函数用来获取或设置元素相对于浏览器窗口的位置对象,可以通过该对象的left和top属性获取到准确的位置坐标。