jQuery
扎克风暴
我心如铁,坚不可摧
展开
-
jQuey第一天 介绍以及核心函数
jQuery 介绍什么是 jQuery ?jQuery,顾名思义,也就是 JavaScript 和查询(Query),它就是辅助 JavaScript 开发的 js 类库。jQuery 核心思想!!!它的核心思想是 write less,do more(写得更少,做得更多),所以它实现了很多浏览器的兼容问题。jQuery 流行程度jQuery 现在已经成为最流行的 JavaScript 库,在世界前 10000 个访问最多的网站中,有超过 55%在使用jQuery。jQuery 好处!!!j原创 2020-09-15 18:32:39 · 89 阅读 · 0 评论 -
jQuery第二天 选择器
jQuery四大选择器基本选择器#ID选择器:根据 id 查找标签对象.class选择器:根据 class 查找标签对象element 选择器:根据标签名查找标签对象*选择器:表示任意的,所有的元素selector1,selector2 组合选择器:合并选择器 1,选择器 2 的结果并返回...原创 2020-09-15 18:32:54 · 137 阅读 · 0 评论 -
jQuery 第三天 jQuery中的方法
筛选方法FiltrationMethod(过滤方法)eq()获取给定索引的元素功能跟 :eq()一样first()获取第一个元素功能跟 :first一样last()获取最后一个元素功能跟 :last一样filter(exp)留下匹配的元素is(exp)判断是否匹配给定的选择器,只要有一个匹配就返回,truehas(exp)返回包含有匹配选择器的元素的元素功能跟 :has 一样not(exp)删除匹配选择器的元素功能跟 :not 一样 <script ty原创 2020-09-15 18:33:02 · 80 阅读 · 0 评论 -
jQuery 第四天 属性方法
HTML代码/文本/值html()它可以设置和获取起始标签和结束标签中的内容。跟 dom 属性 innerHTML 一样。text()它可以设置和获取起始标签和结束标签中的文本。跟 dom 属性 innerText 一样。val()它可以设置和获取表单项的 value 属性值。跟 dom 属性 value 一样val 方法同时设置多个表单项的选中状态。<!DOCTYPE html><html lang="en"> <head> <原创 2020-09-15 18:33:37 · 57 阅读 · 0 评论 -
jQuery 第五天 文档处理
内部插入:appendTo()a.appendTo(b)把 a 插入到 b 子元素末尾,成为最后一个子元素prependTo()a.prependTo(b)把 a 插到 b 所有子元素前面,成为第一个子元素<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-原创 2020-09-15 18:33:55 · 54 阅读 · 0 评论 -
jQuery 第六天 动画效果
基本动画show()将隐藏的元素显示hide()将可见的元素隐藏。toggle()可见就隐藏,不可见就显示。以上动画方法都可以添加参数。1、第一个参数是动画 执行的时长,以毫秒为单位2、第二个参数是动画的回调函数 (动画完成后自动调用的函数)<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head>原创 2020-09-15 18:34:04 · 77 阅读 · 0 评论 -
jQuery 事件操作
$( function(){} );和window.onload = function(){}的区别?他们分别是在什么时候触发?1、jQuery 的页面加载完成之后是浏览器的内核解析完页面的标签创建好 DOM 对象之后就会马上执行。2、原生 js 的页面加载完成之后,除了要等浏览器内核解析完标签创建好 DOM 对象,还要等标签显示时需要的内容加载完成。他们触发的顺序?1、jQuery 页面加载完成之后先执行2、原生 js 的页面加载完成之后他们执行的次数?1、原生 js 的页面加载完成之后原创 2020-09-15 18:41:06 · 70 阅读 · 0 评论 -
jQuery 练习
dom增删改从左到右,从右到左<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>原创 2020-09-15 18:41:12 · 122 阅读 · 0 评论