首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

jQuery文档对象模型DOM的实际应用

DOM 在 JavaScript 课程中我们详细的探讨过,它是一种文档对象模型。方便开发者对 HTML 结构元素内容进行展示和修改。...在 jQuery 中,已经将最常用的 DOM 操 作方法进行了有效封装,并且不需要考虑浏览器的兼容性,对于之前的DOM是一颗岑天大树枝繁叶茂让我们遥不可及,那么jQuery的DOM树,就是一个简笔画的小树...jQuery的遍历: 祖先: parent() parents() parentsUntil() 后代 : children() find() 兄弟: siblings() next() nextAll...() nextUntil() prev() prevAll() prevUntil() 过滤 eq() 养成一个习惯,如果该jQuery方法可以设置元素值,那么该方法一定可以获取元素值。.../2.0.0/jquery.js"> $(function(){ $('input[type=button]').click(function(){

1.2K30

js、jQuery 获取文档、窗口、元素的各种值

基于两年开发经验,总结了 javascript、jQuery 获取窗口、文档、元素的各种值 javascript: 文档:是整个document所有的内容 浏览器当前窗口文档body的宽度: document.body.clientWidth...;(width+border); 浏览器当前窗口文档body的高度: document.body.offsetHeight;(height+border); 浏览器整个文档的宽: document.body.scrollWidth...: window.screen.width 屏幕可用工作区高度: window.screen.availHeight 屏幕可用工作区宽度: window.screen.availWidth jQuery...: 文档:是包括滚动条所有的内容 获取浏览器显示区域(可视区域)的高度 : $(window).height(); 获取浏览器显示区域(可视区域)的宽度 : $(window).width(); 获取页面的文档高度...:$(document).height(); 获取页面的文档宽度 :$(document).width(); 浏览器当前窗口文档body的高度: $(document.body).height(); 浏览器当前窗口文档

14K32

【JavaWeb】86:jQuery的属性、文档、动画以及事件

昨天学习了jQuery中的选择器,有一些还没有学完全,只能说等到以后遇到了再查文档了。 并且更令人惊讶的是,其实这只是jQuery使用文档中的一部分,还有很多很多Api。...所有的学习步骤也就是上图的这份文档。 一、DOM操作之属性 这个我们其实昨天就学过,比如获取标签内对应属性的值。 现在就对其做一个归纳总结,同时与js语法做一个对比。...这是文档中的一个标准语法格式,其实也可以分情况来理解: ? ①获取标签的属性值 在js中,对应的是value属性 在jQuery中,对应的是函数val() 注意是val(),不是value()。...二、CSS类和文档处理 1CSS类操作 ? ①单独设置样式 这个通过函数css(),给对应标签设定样式。...以上就是对jQuery中动画和事件的说明,其它还有很多就不一一说明了。 再加上也有很多人说jQuery现在被淘汰了,不想花太多时间在这块,继续后面的学习。 最后 谢谢你的观看。

2.4K40

jquery jQuery快速入门

jQuery内容: 选择器 筛选器 样式操作 文本操作 属性操作 文档处理 事件 动画效果 插件 each、data、Ajax 下载链接:jQuery官网 中文文档jQuery AP中文文档 jQuery...获取匹配元素相对父元素的偏移 scrollTop()// 获取匹配元素相对滚动条顶部的偏移 scrollLeft()// 获取匹配元素相对滚动条左侧的偏移 .offset()方法允许我们检索一个元素相对于文档...练习题:全选、反选、取消 文档处理 添加到指定元素内部的后面 $(A).append(B)// 把B追加到A $(A).appendTo(B)// 把A追加到B 添加到指定元素内部的前面 $(A).prepend...两种写法: $(document).ready(function(){ // 在这里写你的JS代码... }) 简写: $(function(){ // 你在这里写你的代码 }) 文档加载完绑定事件,并且阻止默认事件发生...: 登录校验示例 与window.onload的区别 window.onload()函数有覆盖现象,必须等待着图片资源加载完成之后才能调用 jQuery的这个入口函数没有函数覆盖现象,文档加载完成之后就可以调用

16.1K50

后端开发必备JQuery常用知识点jQuery.each(object, )1 筛选2 属性3 文档处理4 回调函数

参数name 描述: 返回文档中所有图像的src属性值。 jQuery 代码: $("img").attr("src"); 参数properties 描述: 为所有图像设置src和alt属性。...jQuery 代码: $("img").attr({ src: "test.jpg", alt: "Test Image" }); 参数key,value 描述: 为所有图像设置src属性。...jQuery 代码: $("img").attr("src","test.jpg"); 参数key,回调函数 描述: 把src属性的值设置为title属性的值。...jQuery 代码: $("img").attr("title", function() { return this.src }); 3 文档处理 append(content|fn) 向每个匹配的元素内部追加内容...这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。 ? 4 回调函数 cal.empty() 概述 从列表中删除所有的回调.

69830

jQuery学习笔记——jQuery基础

目录 一、jQuery基本概念 1、jQuery的特点 2、获取jQuery 3、使用jQuery (1)引入jQuery (2)jQuery书写 (3)jQuery中的加载事件...一、jQuery基本概念 1、jQuery的特点 jQuery是一个轻量级的脚本,其代码非常小巧。 语法简洁易懂,学习速度快,文档丰富。 支持CSS1~CSS3定义的属性和选择器。...2、获取jQuery jQuery的官方网站:jquery.com(可能无法访问) jQuery的中文网站是:jQuery API 中文文档 | jQuery 中文网 jQuery下载网址,这里可以下载...jQuery的所有版本:jQuery CDN 3、使用jQuery (1)引入jQuery 先创建一个文件夹,下载jQuery,然后使用script标签引入jQuery。...// 使用“$” $(function () { }); // 使用“jQueryjQuery(function () { }); jQuery对象的静态方法:创建jQuery对象的语法为

14K10

jQuery

事件是等页面文档、外部的 js 文件、css文件、图片加载完毕才执行内部代码。...来代替,相当于原生js中的window 1.1.3 jQuery 对象和 DOM 对象 用原生 JS 获取来的对象是 DOM 对象 jQuery 方法获取的元素是 jQuery 对象。...jQuery 对象是经过包装的dom对象(伪数组形式存储) jQuery对象才能使用jQuery方法,不能混用 1.1.4 jQuery对象和Dom对象转换 // DOM对象转换成jQuery对象...对象 // jQuery 对象转换为 DOM 对象两种方法: // jQuery对象[索引值] var domObject1 = $('div')[0] // jQuery对象.get(索引值)...位置操作 offset()设置获取元素偏移 获取的位置是相对于文档的偏移坐标,与父级没有关系 传入的参数是一个对象 //获取偏移量 $('div').offset() //更改位置 $('div')

8.4K10

jQuery

$(document).ready(function(){ --- jQuery functions go here ---- }); 答:这是为了防止文档在完全加载(就绪)之前运行 jQuery...如果在文档没有完全加载之前就运行函数,操作可能失败。下面是两个具体的例子: 试图隐藏一个不存在的元素 获得未完全加载的图像的大小 JQuery选择器 选择器须臾对元素组或单个元素进行操作。...) id="intro" 的 元素中的所有 class="head" 的元素 Event 函数 绑定函数至 $(document).ready(function) 将函数绑定到文档的就绪事件...(当文档完成加载时) $(selector).click(function) 触发或将函数绑定到被选元素的点击事件 $(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件...jQuery 停止动画 jQuery stop() 方法 jQuery stop() 方法用于停止动画或效果,在它们完成之前。

4.3K30

jQuery

选择器 3. jQuery 事件 二、jQuery HTML 1. jQuery 获取 2. jQuery设置内容和属性 3. jQuery 添加 4. jQuery 删除 5....基本语法 $(selector).action() 文档就绪函数 所有 jQuery 函数位于一个 document ready 函数中,为了防止文档在完全加载(就绪)之前运行 jQuery 代码。...Event 函数 绑定函数至 $(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时) $(selector).click(function) 触发或将函数绑定到被选元素的点击事件...HTML 1. jQuery 获取 DOM:Document Object Model(文档对象模型) 获得内容 text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容...parents() - 返回被选元素的所有祖先元素,它一路向上直到文档的根元素 ()。 parentsUntil() - 返回介于两个给定元素之间的所有祖先元素。

16.3K20
领券