前言 jQuery.each() 函数用于遍历指定的对象和数组,通过 each 方法可以对 jQuery 内部的子元素进行逐个调用。 each() 遍历数组 语法 $.each( object, callback ) 参数 object Object类型,指定需要遍历的对象或数组。 callback Function类型 指定的用于循环执行的函数。 示例 va
前言 jquery 有四种绑定事件的方式:on, bind, delegate,live。其中 live() 方法已被移除。 自 jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代。 $(selector).off(type)为元素解除绑定的事件 使用空格可以为一个元素的多个事件绑定同一个执行函数: $(
前言 ajax()方法 语法 $.ajax(url, options); options常用参数: async: 是否异步,默认true 异步 type: 请求方式get/post url: 请求url地址 contentType: 请求头部参数 data: 发到服务器的数据 dataType: 预期服务器返回数据类型 success: 请求成功调用此函数 error: 请求失败调用
简单介绍一下,我的 web 前端开发技术选择。我更偏向于使用 jQuery 及其插件、CSS3、HTML5。 先来一个表格,以下是我常用的 web 前端开发技术: 我常用的 web 前端开发技术 技术分类web 前端技术备注 CSS 网页布局 Zurb Foundation 移动优先的网格系统, 同一页面适用于 PC
任务描述 本关任务:用jQuery获取元素的内容和属性。效果如下: 相关知识 为了完成本关任务,你需要掌握:1.获取元素的内容,2.获取元素的属性。 获取元素的内容 基本的html结构如下: <p><srtong>我是 srtong 标签</strong>我是文本内容</p> 如何获取p标签的内容呢?这里有两种方法,要注意区
任务描述 本关任务:用jQuery设置元素的内容和属性值。效果如下: 相关知识 为了完成本关任务,你需要掌握:1.设置元素的内容,2.设置元素的属性。 设置元素的内容 基本的html结构如下: <p class="first"></p> <p class="second">我是第二个</p> <input class="third" type="text"/>
任务描述 本关任务:用jQuery添加元素,显示效果如下图。 相关知识 为了完成本关任务,你需要掌握:1.append(),prepend(),2.before(),after()。 基本的html结构如下: <button class="btn1">添加内容 </button> <button class="btn2">添加内容 </button> <div class="box">
任务描述 本关任务:用jQuery删除元素。效果如下: 相关知识 为了完成本关任务,你需要掌握:1.remove(),2.empty()。 基本的html结构如下: <button class="btn">删除内容</button> <div class="box"> <p class="com first">我是第一行</p> <p class="com sec
任务描述 本关任务:掌握jQuery常见的动画效果——隐藏/显示,需要实现如下效果。 相关知识 为了完成本关任务,你需要掌握:1.show()和hide(),2.toggle()。 show()和hide() 前面简单地了解过show()和hide(),这里对它们进行一个深入的了解。需要实现的效果如下: 基本的html结构如下(省略了c
某些js文件 要放在父类js下面。
查找父节点下是否有子节点有两个情况:(1)查找的是父元素其所有节点以及其衍生节点;(2)查找其符元素的子节点。 查找父元素的衍生节点 has() 以及 find() 函数能找到父元素的子节点以及所有的衍生节点。查找的深度非常深,直到这个节点没有衍生的节点为止。 <div id="app"> <div> <sp
Tips $(function(){}) 页面加载完成后运行 获取元素 jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素。 $("p") 选取 <p> 元素。 $("p.intro") 选取所有 class="intro" 的 <p> 元素。 $("p#demo") 选取所有 id="demo" 的 <p> 元素。 let iptBoo
jQuery基本使用 操作标签 jQuery代码查找标签绑定的变量名推荐使用 $xxxEle #样式类操作 addClass();// 添加指定的CSS类名。 removeClass();// 移除指定的CSS类名。 hasClass();// 判断样式存不存在 toggleClass();// 切换CSS类名,如果有就移除,如果没有就添加
jQuery 简介 jQuery是轻量级的JavaScript库。它封装了很多预定义的对象和实用函数,能够帮助使用者优化HTML文档操作、事件处理、动画设计和Ajax交互。 1.兼容多浏览器 IE浏览器:很多时候针对IE浏览器前端需要重新写一份代码操作 2.封装了js代码 核心代码也就几十KB 加载速
24,Ajax初体验 HTML + CSS:略懂 + js(超级熟练) js: 函数: 闭包(自己调自己) DOM id , name,tag create, remove, BOM:浏览器对象模型 Windows事件:操纵浏览器 document事件 ES6: import , require Ajax研究 简介 AJAX = Asynchronous JavaScript and XML(异步
<ul class="tree-ocx"> <li class="tree-ocx-li" data-displayed="false"> <div class="tree-ocx-tip">分类</div> <ul class="tree-ocx-body"> <li class="
1.获取data-*属性 document.getElementById('id').getAttribute("data-user")//js $('#id').data("user");//jquery 2.设置data-*属性 document.getElementById('id').setAttribute("data-user","张三")//js
1、利用FormData实现文件上传 <input type="file" id="avatar" name="avatar"> <button type="button">保存</button> ('button').click(function(){ var files = $('#avatar').prop('files
1.jQuery的简介(Write less,do more) 一个优秀的JS库,主要的作用是简化对DOM对象的查询工作(本身的名字就是JS Query(查询)的缩写),并且同时实现了链式调用和读写合一的功能; 其本质是一个封装起来的自调用函数,其中大部分的方法都放在了jQuery这个量上,然后暴露jQuery和$(两者相
jQuery的使用,笔者在以前的一个博文分类里已经有过介绍,此文只做jQuery的使用介绍,具体其它的见这个博文分类: https://www.cnblogs.com/lzhdim/category/174674.html 1、 基本使用; jQuery的使用,主要是选择器的使用,获取到HTML的基本标签后进行处理。对
1.操作样式属性---获取样式的属性
一:引用文件 <script src="js/jquery-1.9.1.js"></script> <script src="js/jquery.leoTextAnimate.js"></script> 二: Dom页面使用 <div class="fr section2_lr"> <ul> &l
前言 【内容】 jQuery菜鸟编程学习笔记 具体详情看目录 【目的】 记录本人在jQuery学习中的笔记 方便日后的工作与学习。 【学习资料】 jQuery教程-菜鸟教程 【温馨提示】 笔记中有些个人理解后整理的笔记,可能有所偏差,也恳请读者帮忙指出,谢谢。 jQuery快速了解 啥是jQu
1.jquery介绍:想必大家都用过jquery吧,这个曾经也是现在依然最流行的web前端js库,可是现在无论是国内还是国外他的使用率正在渐渐被其他的js库所代替,随着浏览器厂商对HTML5规范统一遵循以及ECMA6在浏览器端的实现,jquery的使用率将会越来越低 2.vue介绍:vue是一个兴起的前端js库,是一
一.说明 jQuery获取: jQuery.parent(expr),找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 jQuery.children(expr),返回所有子节点,这个方法只会返回直接