目录1. JS操作1.1 JS获取用户输入1.2 JS类属性操作1.3 JS样式操作2. 事件2.1 事件理解2.2 绑定事件的两种方式2.3 事件中的关键字this2.4 window.onload2.5 校验用户输入案例2.6 省市联动案列3. jQuery类库3.1 jQuery 简介3.2 jQuery基本使用 1. JS操作 1.1 JS获取用户输入 1.普通
目录DOM文档对象模型获取标签值操作JS类属性操作JS样式操作事件jQuery类库作业 DOM文档对象模型 获取标签值操作 1.操作标签:input、select、textarea 2.语法结构:查找到的标签.value 3.实操 let iEli = document.getElementById("d1"); //查找标签(也可通过类 属性) console.log
今日学习内容 JS获取用户输入 有两种方式: 普通数据(输入、选择) 标签对象.value 文件数据(上传) 标签对象.files 标签对象.files[0] JS类属性操作 let 标签对象 = document.getElementsByClassName('类名') #获取所有样式类名 标签对象.classList #以列表的形式存
目录jQuery(write less do more)jQuery的优势有了jQuery那我们还使用BOM与DOM吗?jQuery导入导入方式jQuery提供的CDN服务优点与缺点添加到自定义模板jQuery基本使用1.jQuary基本语法2.JavaScript与jQuery语法相比3.jQuery查找标签4.jQuery选择器查找标签之后的结果与js有何区别5.基
来源:https://tool.oschina.net/uploads/apidocs/jquery/regexp.html
JQuery抽奖案例实现 分析: 给开始按钮绑定单机事件 定义循环定时器 切换小相框的src属性 定义一个数组,存放图片资源路径 生成随机数,数组索引 给停止按钮绑定单机事件 停止定时器
JQuery事件绑定3事件切换 事件切换: toggle jq对象,toggle(fn1,fn2) 当单击jq对象对应的组件后,会执行fn1,第二个点击会执行fn2... 案例: <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <script src="../
1、next(); // 获取当前元素的下一个兄弟元素 2、nextAll(); // 获取当前元素后面所有的兄弟元素 3、prev(); // 获取当前元素的前一个兄弟元素 4、prevAll(); // 获取当前元素前面的所有兄弟元素 5、siblings(); // 获取当前元素的所有兄弟元素
JQuery_选择器_层级选择器 层级选择器Ⅰ1.后代选择器*语法:$("AB ")选择A元秦内部的所有B元素2.子选择器*语法:$("A>B")选择A元素内部的所有B子元素 JQuery_选择器_属性选择器 属性名称选择器 语法:$(" A [属性名]") 包含指定的属性选择器 属性选择器 语法:$("A[属性名=‘值’
AjAX实现JQuery实现方式 JQuery实现方式 1.$.ajax() 语法:$.ajax({键值对}) AJAX代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JQuery实现AJAX</title> <script src="js/jquer
一、$.ajax()的基础使用 <button id="btn">发送请求</button> <script src="/js/jquery.min.js"></script> <script> var params = {name: 'wangwu', age: 300} $('#btn').on('click', function ()
https://www.jb51.net/article/106880.htm 效果图: 图(1)初始图 图(2)点击按钮后 代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59
JQuery案例 广告的自动显示和隐藏案例 需求: 当页面加载完 3秒后 自动显示广告 广告显示5秒后 自动消失 分析: 使用定时器来完成 setTimeout(执行一次定时器) 分析完成JQuery的显示和隐藏动画效果其实就是控制display 使用show/hide方法来完成广告的显示 HTML代码 <!DOCTYPE ht
JQuery事件绑定 1.jquery标准的绑定方式 jq对象.事件方法(回调函数) HTML代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>绑定事件</title> <script src="../js/jquery-3.3.1.min.js">
CRUD操作 append():父元素将子元素追加到末尾 对象1.append(对象2):将对象2添加到对象1元素内部,并且在末尾 prepend():父元素将子元素追加到开头 对象1.prepend(对象2):将对象2添加到对象1元素内部,并且在开头 appendTo(): 对象1.appendTo(对象2):将对象1添加到对象2内部,并且在末
AJAX实现JQuery实现方式ajax() 语法$.ajax(url,[settings]) 记着导入jquery <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>1-原生js实现ajax</title> <script src="js/jquery-3.3.1
插件:增强JQuery的功能 实现方式: $.fn.extend(object) 增强通过JQuery获取的对象的功能 $("#id") $.extend(object) 增强JQuery对象自身的功能 $/JQuery <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>01-jQuery对象进行方法
案例—广告显示和隐藏 需求: 1、当页面加载完,3秒后。自动显示广告 2、广告显示5秒后,自动消失 分析: 1、使用定时器来完成,setTimeout(执行一次定时器) 2、分析发现JQuery的显示和隐藏动画效果其实就是控制display 3、使用 show/hide方法来完成广告的显示 <!DOC
JQuery案例_广告显示和隐藏 需求: 当页面加载完,3秒后自动显示广告 广告显示5秒后,自动消失 分析: 使用定时器来完成。setTimeout(执行一次定时器) 分析发现JQuery的显示和隐藏动画效果气势就是控制display 使用 show/hide方法来完成广告的显示 <!DOCTYPE html> <html> <head>
JQuery插件机制 插件:增强JQuery的功能 1. 实现方式: 1. $.fn.extend(object) (对象) 增强通过JQuery获取的对象的功能 $("#id") 2. $.extend(object) (全局) 增强JQeury对象自身的功能 $/jQuery JQuery对象进行
事件绑定 jquery标准的绑方式 jq对象.事件方法(回调函数); <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="/js/jquery-3.6.0.min.js" type
JQuery事件绑定标准方式 JQuery对象.事件方法(回调函数); 注:如果调用事件方法,不传递回调函数,则会触发浏览器默认行为。 表单对象.submit();//让表单提交 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascri
JQuery遍历 1.js的遍历方式 for(初始化值;循环结束条件;步长) 2.JQuery的遍历方式 1.JQuery对象.each(callback) 2.$.each(object,[callback]) 3.for..of : jquery 3.0 版本之后提供的方式 Js遍历for循环 <!DOCTYPE html> <html> <head> <meta charset="UTF
遍历 1、js的遍历方式 for(初始值;循环结束条件;步长) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../../js/jquery-3.3.1.min.js" type="text/javascript" char
遍历 js的遍历方式 for(初始化值;循环结束条件;步长) JQuery遍历方式 JQuery对象.each(callback) $.each(object,[callback]) for..of; <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type=&qu