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 · 114 阅读 · 0 评论 -
jQuery第二天 选择器
jQuery四大选择器 基本选择器 #ID 选择器：根据 id 查找标签对象 .class 选择器：根据 class 查找标签对象 element 选择器：根据标签名查找标签对象 * 选择器：表示任意的，所有的元素 selector1，selector2 组合选择器：合并选择器 1，选择器 2 的结果并返回 ...原创 2020-09-15 18:32:54 · 172 阅读 · 0 评论 -
jQuery 第三天 jQuery中的方法
筛选方法 FiltrationMethod(过滤方法) eq() 获取给定索引的元素 功能跟 :eq() 一样 first() 获取第一个元素 功能跟 :first 一样 last() 获取最后一个元素 功能跟 :last 一样 filter(exp) 留下匹配的元素 is(exp) 判断是否匹配给定的选择器，只要有一个匹配就返回，true has(exp) 返回包含有匹配选择器的元素的元素 功能跟 :has 一样 not(exp) 删除匹配选择器的元素 功能跟 :not 一样 <script ty原创 2020-09-15 18:33:02 · 100 阅读 · 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 · 81 阅读 · 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 · 77 阅读 · 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 · 117 阅读 · 0 评论 -
jQuery 事件操作
$( function(){} );和window.onload = function(){}的区别？ 他们分别是在什么时候触发？ 1、jQuery 的页面加载完成之后是浏览器的内核解析完页面的标签创建好 DOM 对象之后就会马上执行。 2、原生 js 的页面加载完成之后，除了要等浏览器内核解析完标签创建好 DOM 对象，还要等标签显示时需要的内容加载 完成。 他们触发的顺序？ 1、jQuery 页面加载完成之后先执行 2、原生 js 的页面加载完成之后 他们执行的次数？ 1、原生 js 的页面加载完成之后原创 2020-09-15 18:41:06 · 94 阅读 · 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 · 164 阅读 · 0 评论