随笔分类 -  5_2:jQuery

摘要:1 不注重基础 什么火学什么 2)老是纠结什么技术好 不存在最好的技术 适合的场景不同PHP 适合web开发java适合安卓 大数据c c++ 适合做底层开发 游戏引擎 系统软件汇编语言 适合做驱动开发Python适合做人工智能go语言是区块链的主力语言 也适合做web后台 3)喜欢看 不喜欢动手 阅读全文
posted @ 2021-03-11 21:50 棉花糖88 阅读(157) 评论(0) 推荐(0) 编辑
摘要:备用 阅读全文
posted @ 2021-03-11 21:04 棉花糖88 阅读(51) 评论(0) 推荐(0) 编辑
摘要:1)常用网站插件 1. jQuery 插件库 http://www.jq22.com/ 2. jQuery 之家 http://www.htmleaf.com/ jQuery 插件使用步骤: 1. 引入相关文件。(jQuery 文件 和 插件文件) 2. 复制相关html、css、js (调用插件) 阅读全文
posted @ 2021-03-11 20:22 棉花糖88 阅读(44) 评论(0) 推荐(0) 编辑
摘要:代码范例 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>多库共存</title> <script src="jquery.min.js"></script> </head> <body> <div></di 阅读全文
posted @ 2021-03-09 21:52 棉花糖88 阅读(49) 评论(0) 推荐(0) 编辑
摘要:基础语法 $.extend([deep],target,object1,[objectN]); //1. deep:true是深拷贝 默认false 浅拷贝 //2. target 要拷贝的目标对象 //3. object1 待拷贝的 第一个对象 //4. objectN 待拷贝的 第N个对象 一 阅读全文
posted @ 2021-03-09 17:00 棉花糖88 阅读(43) 评论(0) 推荐(0) 编辑
摘要:一 显示隐藏 show() //1 显示 hide() //2 隐藏 toggle() //3 切换 这三个方法都有以下三个可选参数 //show/hide/toggle([speed][easing][fn]); //1 speed: slow”,“normal”, “fast”)或表示动画时长的 阅读全文
posted @ 2021-03-09 14:35 棉花糖88 阅读(78) 评论(0) 推荐(0) 编辑
摘要:$('input').on('focus',function (event) { console.log(event); }); 基本和 webAPI 里面的 事件对象一致 $('input').on('focus',function (event) { console.log(event); }) 阅读全文
posted @ 2021-03-08 20:30 棉花糖88 阅读(122) 评论(0) 推荐(0) 编辑
摘要:一 获取元素尺寸 1)基本语法 $('div').width();//1 得到:元素内容宽度 $('div').innerWidth();//2 得到:元素内容宽度 + padding$('div').outerWidth();//3 得到:元素内容宽度 + padding + border $(' 阅读全文
posted @ 2021-03-08 17:39 棉花糖88 阅读(54) 评论(0) 推荐(0) 编辑
摘要:1)概念 //1 对一类元素做 同样的操作 用到了 隐式迭代 //2 对一类元素做 不同的操作 用到了 遍历: 2)基本语法 $('div').each(function(index,domEle){}); //方法1 主要用于遍历元素 $.each($('div'),function(index, 阅读全文
posted @ 2021-03-08 15:16 棉花糖88 阅读(68) 评论(0) 推荐(0) 编辑
摘要:一 创建元素 $(''<li></li>''); //动态的创建了一个 li 元素 二 添加元素 // 内部添加元素,生成之后,它们是父子关系。 // 外部添加元素,生成之后,他们是兄弟关系 1)内部添加 element.append(''内容''); //把内容放入匹配元素内部最后面,类似原生 a 阅读全文
posted @ 2021-03-08 11:28 棉花糖88 阅读(78) 评论(0) 推荐(0) 编辑
摘要:1)html() html(); //1 获取值 html("内容"); //2 设置值相当于原生的 innerHTML 2)text() text(); //1 获取值 text("内容"); //2 设置值 相当于原生的 innerText 3)表达值:value() val(); //1 获取 阅读全文
posted @ 2021-03-07 21:33 棉花糖88 阅读(51) 评论(0) 推荐(0) 编辑
摘要:一 元素固有属性 prop() prop(''属性''); //1 获取 prop(''属性'', ''属性值''); //2 设置property [ˈprɑːpərti] 所有物;财产prop 是 property的缩写 二 元素自定义属性 attr() attr(''属性''); = 原生 g 阅读全文
posted @ 2021-03-07 14:25 棉花糖88 阅读(74) 评论(0) 推荐(0) 编辑
摘要:一 操作CSS 1)设置单个css样式 // $('div').css('color','red'); 2)设置多个css样式 $('div').css({ 'width':'300px', 'height':'300px', backgroundColor :'red'//属性名可以不加引号 }) 阅读全文
posted @ 2021-03-06 22:57 棉花糖88 阅读(52) 评论(0) 推荐(0) 编辑
摘要:DOM遍历 [ 站在 父 子 兄 的角度 ] //1 找父亲 parent() // 查找父级 亲爸爸 //2 找儿子 children(selector); = $('ul>li'); // 子代选择器 find(selector); = $('ul li'); // 后代选择器 //3 找兄弟 阅读全文
posted @ 2021-03-05 10:33 棉花糖88 阅读(62) 评论(0) 推荐(0) 编辑
摘要:一 jQuery选择器 ( 使用方法和CSS一致 ) 基本语法 $('选择器'); //里面直接写css选择器就可以 别忘记加引号 1)基础选择器 $('#id'); // ID选择器 $('.class'); // 类选择器 $('div'); // 标签选择器 $('*'); // 全选选择器 阅读全文
posted @ 2021-03-05 08:38 棉花糖88 阅读(82) 评论(0) 推荐(0) 编辑
摘要:学习目标 //1 什么是jQuery //2 它的优点 //3 jQuery对象和DOM对象的区别 一 jQuery概述 1)概念 //1 jQuery是一个JavaScript库 //2 可以快捷方便的操作DOM 里面基本都是函数(方法)//3 给我们封装了常用功能 优化了DOM操作 事件处理 动 阅读全文
posted @ 2021-02-23 18:30 棉花糖88 阅读(83) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示