jQuery
关注
分享
扫一扫
夏至青柠
愿星河徜徉，一路有光
展开
-
jQuery之AJAX学习与使用
一、jQuery - AJAX 简介 Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。 通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 二、jQuery - AJAX的常用方法 load() 从服务器加载数据，并把返回的数据放原创 2020-10-29 14:32:01 · 247 阅读 · 1 评论 -
jQuery基础知识总结
jQuery 是一个 JavaScript 库。[.js] jQuery 极大地简化了 JavaScript 编程。 jQuery 很容易学习。 jQuery 简介 jQuery 库可以通过一行简单的标记被添加到网页中。 例如: 您需要具备的基础知识 在您开始学习 jQuery 之前，您应该对以下知识有基本的了解： HTML CSS JavaScript 一、什么是 jQuery ？ jQuery是一个轻量级的"写的少，做的多"的JavaScript函数库。[独立的javascript文件] jQu.原创 2020-10-28 16:19:58 · 228 阅读 · 0 评论 -
jQuery元素节点操作
jQuery元素节点操作 jQuery中节点操作 创建节点元素 工厂函数$()用于获取或创建节点 $(selector)：通过选择器获取节点 $(element)：把DOM节点转化成jQuery节点 $(html)：使用HTML字符串创建jQuery节点 var $newNode=$("<li></li>"); var $newNode1=$("<li>你喜欢哪些编程语言？</li>"); var $newNode2=$("&原创 2020-07-24 18:26:35 · 214 阅读 · 0 评论 -
jQuery事件委托
jQuery事件委托 一、什么是事件委托 事件委托是利用事件冒泡，只指定一个事件处理程序来管理某一类型的所有事件。 通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。 二、为什么要用事件委托 （1）考虑一个ul，在li的数量非常少的时候，为每一个li添加事件当然会使用for循环；但是数量多的时候这样做太浪费内存，长到上百上千上万的时候，为每个li添加原创 2020-07-24 17:39:57 · 428 阅读 · 0 评论 -
jQuery事件冒泡
jQuery事件冒泡 一、什么是事件冒泡 冒泡事件就是点击子节点，会向上触发父节点、祖先节点的点击事件。 eg： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js" type="text/jav原创 2020-07-24 17:10:09 · 667 阅读 · 0 评论 -
jQuery中的事件
jQuery中的事件 => jQuery事件是对JavaScript事件的封装，常用事件分类 基础事件 鼠标事件 键盘事件 window事件 表单事件 复合事件 鼠标光标悬停 鼠标连续点击 鼠标事件 鼠标事件是当前用户在文档上移动或单击鼠标时而产生的事件 方法 描述 执行时机 click() 触发或将函数绑定到指定元素的click事件 单击鼠标时 mouseover() 触发或将函数绑定到指定元素的mouseover事件 鼠标指针移原创 2020-07-24 16:21:39 · 169 阅读 · 0 评论 -
jQuery循环
jQuery循环 each(callback)循环 callback 对于每个匹配的元素所要执行的函数 示例 描述: 迭代两个图像，并设置它们的 src 属性。注意:此处 this 指代的是 DOM 对象而非 jQuery 对象。 HTML 代码: <img/><img/> jQuery 代码: $("img").each(function(i){ this.src = "test" + i + ".jpg"; }); 结果: [ <img src="test0原创 2020-07-23 16:44:06 · 363 阅读 · 0 评论 -
jQuery属性操作
jQuery属性操作 1.html([val|fn]) 概述 取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。 在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。 示例 无参数 描述: 返回p元素的内容。 jQuery 代码: $('p').html(); 参数val 描述: 设置所有 p 元素的内容 jQuery 代码: $("p")原创 2020-07-23 16:15:41 · 160 阅读 · 0 评论 -
学习jQuery尺寸相关、滚动事件
jQuery尺寸相关、滚动事件 1.获取元素尺寸 width()、height() 获取元素width和height innerWidth()、innerHeight() 包括padding的width和height outerWidth()、outerHeight() 包括padding和border的width和height outerWidth(true)、outerHeight(true) 包括padding和border以及margin的width和height 2.获取元素相对页面的原创 2020-07-23 15:18:37 · 109 阅读 · 0 评论 -
jquery样式学习
jQuery样式 jQuery样式 css 概述： 访问匹配元素的样式属性。 示例： 参数name 描述: 取得第一个段落的color样式属性的值。 jQuery 代码: $("p").css("color"); 参数properties 描述: 将所有段落的字体颜色设为红色并且背景为蓝色。获取多个 jQuery 代码: $("p").css({ "color": "#ff0011", "background": "blue" }); 参数name,value 描述: 将所有段落字体设为红色 jQue原创 2020-07-22 21:28:04 · 120 阅读 · 0 评论 -
jquery选择器学习
jquery选择器 四大基本选择器 基本选择器 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <script type="text/ja原创 2020-07-22 21:09:17 · 122 阅读 · 0 评论 -
用jquery做选项卡
利用jquery写选项卡功能 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js" type="text/javascript" charset="utf-8"></script&.原创 2020-07-22 20:31:45 · 120 阅读 · 0 评论 -
jQuery动画学习
jQuery动画原创 2020-07-22 20:24:04 · 121 阅读 · 0 评论 -
学习jQuery特殊效果
jQuery特殊效果 fadeIn() 淡入 fadeOut() 淡出 fadeToggle() 切换淡入淡出 hide() 隐藏元素 show() 显示元素 toggle() 切换元素的可见状态 slideDown() 向下展开 slideUp() 向上卷起 slideToggle() 依次展开或卷起某个元素 练习 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti原创 2020-07-22 18:51:36 · 104 阅读 · 0 评论 -
学习jQuery链式调用
jQuery链式调用 jQuery链式调用 jquery对象的方法会在执行完后返回这个jquery对象，所有jquery对象的方法可以连起来写： $('#div1') //id为div1的元素 .children('ul') //该元素下面的ul子元素 .slideDown('fast') //高度从零变到实际高度来显示ul元素 .parent() //跳到ul的父元素，也就是id为div1的元素 .siblings() //跳到div1元素平级原创 2020-07-22 15:38:53 · 222 阅读 · 0 评论 -
jQuery简介
一、jQuery是什么 jQuery 是JavaScript的一个函数库，可以作为前端的框架，是JavaScript应用最广泛的库。 二、jQuery功能 操作HTML元素 操作CSS JS特效与动画 DOM处理 Ajax ...... 三、jQuery环境搭建 下载：jQuery官网 cdn 资源库 引入的路径 优化访问速度（推荐） jQuery各种版本cdn 四、jQuery的入口函数 (1) $(document).ready(function(){}) (2)jquer原创 2020-07-21 20:24:38 · 1152 阅读 · 0 评论 -
jQuery入口函数
jQuery入口函数/加载 使用jQuery的三个步骤 1.引入jQuery文件 2.入口函数 3.功能实现 关于jQuery入口函数的书写 (1) $(document).ready(function(){}) (2)jquery(document).ready(function(){}) (3)$(function(){}) 推荐 jQuery入口函数与JavaScript入口函数的对比 1. JavaScript的入口函数要等到页面中所有资源（包括图片、文件）加载完成才开始执行。原创 2020-07-22 16:05:54 · 159 阅读 · 0 评论 -
绑定click事件
绑定click事件 jQuery中添加click事件，如下： //1.添加入口函数 ==> 前提：搭建jquery环境 $(function(){ // 2,获取元素 body var body= $('body'); // 建议大家: 测试一下 有没有获取到 body元素 // 如果body 返回的为 undefined 表示 没有 获取到body // console.log(body); // body.click(fu原创 2020-07-22 16:51:15 · 544 阅读 · 0 评论