jQuery
夏至青柠
愿星河徜徉,一路有光
展开
-
jQuery之AJAX学习与使用
一、jQuery - AJAX 简介 Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式、快速动态网页应用的网页开发技术,无需重新加载整个网页的情况下,能够更新部分网页的技术。 通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。二、jQuery - AJAX的常用方法load()从服务器加载数据,并把返回的数据放原创 2020-10-29 14:32:01 · 233 阅读 · 1 评论 -
jQuery基础知识总结
jQuery 是一个 JavaScript 库。[.js]jQuery 极大地简化了 JavaScript 编程。jQuery 很容易学习。jQuery 简介jQuery 库可以通过一行简单的标记被添加到网页中。例如:您需要具备的基础知识在您开始学习 jQuery 之前,您应该对以下知识有基本的了解:HTMLCSSJavaScript一、什么是 jQuery ?jQuery是一个轻量级的"写的少,做的多"的JavaScript函数库。[独立的javascript文件]jQu.原创 2020-10-28 16:19:58 · 202 阅读 · 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 · 204 阅读 · 0 评论 -
jQuery事件委托
jQuery事件委托一、什么是事件委托事件委托是利用事件冒泡,只指定一个事件处理程序来管理某一类型的所有事件。通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。二、为什么要用事件委托(1)考虑一个ul,在li的数量非常少的时候,为每一个li添加事件当然会使用for循环;但是数量多的时候这样做太浪费内存,长到上百上千上万的时候,为每个li添加原创 2020-07-24 17:39:57 · 409 阅读 · 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 · 652 阅读 · 0 评论 -
jQuery中的事件
jQuery中的事件=> jQuery事件是对JavaScript事件的封装,常用事件分类基础事件鼠标事件键盘事件window事件表单事件复合事件鼠标光标悬停鼠标连续点击鼠标事件鼠标事件是当前用户在文档上移动或单击鼠标时而产生的事件方法描述执行时机click()触发或将函数绑定到指定元素的click事件单击鼠标时mouseover()触发或将函数绑定到指定元素的mouseover事件鼠标指针移原创 2020-07-24 16:21:39 · 163 阅读 · 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 · 358 阅读 · 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 · 151 阅读 · 0 评论 -
学习jQuery尺寸相关、滚动事件
jQuery尺寸相关、滚动事件1.获取元素尺寸width()、height() 获取元素width和heightinnerWidth()、innerHeight() 包括padding的width和heightouterWidth()、outerHeight() 包括padding和border的width和heightouterWidth(true)、outerHeight(true) 包括padding和border以及margin的width和height2.获取元素相对页面的原创 2020-07-23 15:18:37 · 96 阅读 · 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 · 112 阅读 · 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 · 114 阅读 · 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 · 110 阅读 · 0 评论 -
jQuery动画学习
jQuery动画原创 2020-07-22 20:24:04 · 107 阅读 · 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 · 99 阅读 · 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 · 212 阅读 · 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 · 1138 阅读 · 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 · 152 阅读 · 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 · 530 阅读 · 0 评论