
D4_jQuery
jQuery
少年西西
这个作者很懒,什么都没留下…
展开
-
jQuery 事件操作
1、$(function(){}); 和 window.οnlοad=function(){} 的区别他们分别是在什么时候触发?1、jQuery 的页面加载完成之后是浏览器的内核解析完页面的标签创建好 DOM 对象之后就会马上执行。2、原生 js 的页面加载完成之后,除了要等浏览器内核解析完标签创建好 DOM 对象,还要等标签显示时需要的内容加载 完成。他们触发的顺序?1、jQuery 页面加载完成之后先执行2、原生 js 的页面加载完成之后他们执行的次数?1、原生 js 的页面加载完成之后原创 2020-12-24 10:32:35 · 154 阅读 · 0 评论 -
jQuery 动画
基本动画show() 将隐藏的元素显示hide() 将可见的元素隐藏。toggle() 可见就隐藏,不可见就显示。以上动画方法都可以添加参数。1、第一个参数是动画 执行的时长,以毫秒为单位2、第二个参数是动画的回调函数 (动画完成后自动调用的函数)淡入淡出动画fadeIn() 淡入(慢慢可见)fadeOut() 淡出(慢慢消失)fadeTo([[speed],opacity,[easing],[fn]]) 在指定时长内慢慢的将透明度修改到指定的值。speed:三种预定速度之一的字原创 2020-12-24 10:31:43 · 186 阅读 · 0 评论 -
jQuery中CSS 样式操作
addClass() 添加样式removeClass() 删除样式toggleClass() 有就删除,没有就添加样式。offset() 获取和设置元素的坐标。<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" co原创 2020-12-24 10:31:18 · 256 阅读 · 0 评论 -
jQuery中DOM 的增删改
内部插入:appendTo(): a.appendTo(b) 把 a 插入到 b 子元素末尾,成为最后一个子元素prependTo(): a.prependTo(b) 把 a 插到 b 所有子元素前面,成为第一个子元素外部插入:insertAfter(): a.insertAfter(b) 得到 bainsertBefore(): a.insertBefore(b) 得到 ab替换:replaceWith(): a.replaceWith(b) 用 b 替换掉a replaceAll():原创 2020-12-24 10:30:52 · 224 阅读 · 0 评论 -
jQuery 的属性操作
html() 它可以设置和获取起始标签和结束标签中的内容。 跟 dom 属性 innerHTML 一样。text() 它可以设置和获取起始标签和结束标签中的文本。 跟 dom 属性 innerText 一样。val() 它可以设置和获取表单项的 value 属性值。 跟 dom 属性 value 一样attr() 可以设置和获取属性的值,不推荐操作 checked、readOnly、selected、disabled 等等attr 方法还可以操作非标准的属性。比如自定义属性:abc,bbjprop原创 2020-12-24 10:30:24 · 183 阅读 · 0 评论 -
jQuery选择器——jQuery 元素筛选
eq() 获取给定索引的元素 功能跟 :eq() 一样first() 获取第一个元素 功能跟 :first 一样last() 获取最后一个元素 功能跟 :last 一样filter(exp) 留下匹配的元素is(exp) 判断是否匹配给定的选择器,只要有一个匹配就返回,truehas(exp) 返回包含有匹配选择器的元素的元素 功能跟 :has 一样not(exp) 删除匹配选择器的元素 功能跟 :not 一样children(exp) 返回匹配给定选择器的子元素 功能跟 parent>原创 2020-12-24 10:30:04 · 159 阅读 · 0 评论 -
jQuery 选择器——基本选择器
选择器: 就是定位条件;通知 jquery 函数定位满足条件的 DOM 对象#ID 选择器:根据 id 查找标签对象.class 选择器: 根据 class 查找标签对象element 选择器:根据标签名查找标签对象*选择器: 表示任意的,所有的元素selector1,selector2 组合选择器: 合并选择器 1,选择器 2 的结果并返回p.myClass表示标签名必须是 p 标签,而且 class 类型还要是 myClass<!DOCTYPE HTML PUBLIC "-//W原创 2020-12-23 13:59:12 · 184 阅读 · 1 评论 -
jQuery 选择器——过滤选择器
1.基本过滤器:first 获取第一个元素:last 获取最后个元素:not(selector) 去除所有与给定选择器匹配的元素:even 匹配所有索引值为偶数的元素,从 0 开始计数:odd 匹配所有索引值为奇数的元素,从 0 开始计数:eq(index) 匹配一个给定索引值的元素:gt(index))匹配所有大于给定索引值的元素:lt(index) 匹配所有小于给定索引值的元素:header 匹配如 h1,h2,h3 之类的标题元素:animated 匹配所有正在执行动画效果的元素原创 2020-12-23 13:58:46 · 2819 阅读 · 1 评论 -
jQuery 选择器——层级选择器
ancestor descendant 后代选择器 : 在给定的祖先元素下匹配所有的后代元素parent>child 子元素选择器:在给定的父元素下匹配所有的子元素prev+next 相邻元素选择器: 匹配所有紧接在 prev 元素后的 next 元素prev~sibings 之后的兄弟元素选择器: 匹配 prev 元素之后的所有 siblings 元素<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org原创 2020-12-23 13:58:18 · 1340 阅读 · 0 评论 -
jQuery 对象和 dom 对象
1、什么是 jQuery 对象,什么是 dom 对象Dom对象 : 使用javascript的语法创建的对象叫做dom对象, 也就是js对象。1.通过 getElementById()查询出来的标签对象是 Dom 对象2.通过 getElementsByName()查询出来的标签对象是 Dom 对象3.通过 getElementsByTagName()查询出来的标签对象是 Dom 对象4.通过 createElement() 方法创建的对象,是 Dom 对象DOM 对象Alert 出来的效果是原创 2020-12-23 13:57:52 · 225 阅读 · 0 评论 -
jQuery的概念与核心函数$的理解
1、什么是 jQuery?jQuery,顾名思义,也就是 JavaScript 和查询(Query),它就是辅助 JavaScript 开发的 js 类库,相当于java的工具类,库是存放东西的, jQuery是存放js代码的地方, 放的用js代码写的function。jQuery 是一个快速,小巧,功能丰富的 JavaScript 库。 它通过易于使用的 API 在大量浏览器中运行,使得HTML文档遍历和操作,事件处理,动画和Ajax 变得更加简单。 通过多功能性和可扩展性的结合,jQuery 改变了原创 2020-12-23 13:57:29 · 261 阅读 · 0 评论