jQuery学习总结（三）

jquery学习笔记(三)：事件和应用

内容来自[汇智网]jquery学习课程 3.1 页面加载事件在jQuery中页面加载事件是ready().ready()事件类似于就JavaScript中的onLoad()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行. ready()方法的几种写法: //写法一: $(document).ready(function(){ //代码部分 }); //写法二: $(function(){ //代码部分 }) 写法二简洁…

Jquery学习（三）选择

1.Jquery最重要的是选择. 学习要点: 1.简单选择器 2.进阶选择器 3.高级选择器 ①简单选择器. 最简单的也就是最经常使用的,最经常使用的一般也是最简单的. 在使用 jQuery 选择器时.我们首先必须使用"$()"函数来包装我们的 CSS 规则. 而CSS 规则作为參数传递到 jQuery 对象内部后.再返回包括页面中相应元素的 jQuery 对象.随后,我们就能够对这个获取到的 DOM 节点进行行为操作了. #box { …

[jQuery学习系列三 ]3-JQuery学习二-字典操作

前言:如果看过了第一篇和第二篇, 相信大家会对jQuery有个初步的认识了, 对于jQuery的选择器和数组的操作都已经很熟悉了, 这一篇就单独罗列jQuery中字典的操作相关的内容. 1. 数组中添加map var arr = []; var key = 'Jeremy'; var value = '!!!!' arr.push({ 'key': key, 'value': value, }); document.write(]['key'] + ]['value']); 输出结果: key:…

jQuery学习（三）

jQuery文档操作方法 1.内部追加内容选择器追加到内容 append(content)在当前jQuery对象内部所包含的DOM对象的内部的最后追加content对应的内容,其中content可以是jQuery对象.DOM对象.HTML jQuery对象:$("body").append($("#hello")) DOM对象:$("body"),append(document.createElement("div")) H…

jQuery学习笔记三

使用fadeIn()js解释器会将所选元素的CSS opacity属性从0改为100,fadeTo()会动画显示所选元素,将它为改为某个特定的透明度百分比,使用fadeOut()js解释器会将所选元素的CSS opacity属性从100改为0,不过在页面上仍有该元素的空间. 可以将方法串起来使用,如:$("#test").fadeIn().fadeOut(),这样就将元素的display先改为完全不透明,然后淡出为完全透明. setTimeout()方法告诉js解释器运行一个函数,另外…

初步学习jquery学习笔记（三）

jQuery学习笔记三 jquery停止动画 stop函数的初步功能 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq…

jQuery学习-事件之绑定事件（三）

在上一篇<jQuery学习-事件之绑定事件(二)>我们了解了jQuery的dispatch方法,今天我们来学习下handlers 方法: handlers: function( event, handlers ) { var sel, handleObj, matches, i, handlerQueue = [], delegateCount = handlers.delegateCount, cur =…

jQuery学习笔记(一)jQuery选择器

目录 jQuery选择器的优点基本选择器层次选择器过滤选择器表单选择器第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQuery学习笔记的专题,对jQuery的知识做一个总结,并给出部分Demo来练习,使其能够掌握jQuery的基本技能. 今天所写的内容是关于jQuery选择器. 在学习jQuery选择器之前,有必要先了解一下css选择器,首先要明确一个新手容易混淆的概念:css选择器与jQuery选择器是两个不同的概念…

jQuery 学习笔记

jQuery 学习笔记一.jQuery概述宗旨: Write Less, Do More. 基础知识: 1.符号$代替document.getElementById()函数 2.使用Css+Xpath来查询页面元素 3.适当的混用jQuery.Dom和JavaScript能够提升程序的执行效率. 如:Offset.Append.Before是jQuery的瓶颈 4.函数$()是$("document…

jQuery学习笔记（一）：入门

jQuery学习笔记(一):入门一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,…

JQuery学习笔记——层级选择器

JQuery学习笔记--层级选择器上一篇学习了基础的五种选择,分别是id选择器,class选择器,element选择器,*选择器和并列选择器.根据手册大纲,这篇学习的是层级选择器. 选择器: 1.基础选择器 2.层级选择器 1).ancestor descendant 2).parent > child 3).prev + next 4).prev ~ siblings 3.基本筛选器 4.内容选择器 5.可见性选择器 6.属性选择器 7.子元素选择器 8.表单选择器 9.表单元素选择器…

jQuery学习笔记之Ajax用法详解

这篇文章主要介绍了jQuery学习笔记之Ajax用法,结合实例形式较为详细的分析总结了jQuery中ajax的相关使用技巧,包括ajax请求.载入.处理.传递等,需要的朋友可以参考下本文实例讲述了jQuery学习笔记之Ajax用法.分享给大家供大家参考,具体如下: 一.Ajax请求 1.jQuery.ajax(options) 通过 HTTP 请求加载远程数据.jQuery 底层 AJAX 实现.简单易用的高层实现见 .get,.post 等. .ajax()返回其创建的XMLHttpRequ…

jQuery学习之------元素样式的操作

jQuery学习之------元素样式的操作一..addClass( className )方法----增加样式 1.addClass( className ) : 为每个匹配元素所要增加的一个或多个样式名 <head> <style> /*css样式代码*/ .soulsjie{ background:red; } .newstyle{ height:100px; width:100px; } .newsty2{ font-size:16px; } </style>…

jQuery学习之------html()、text()和val()

jQuery学习之------html().text()和val() .html(),.text()和.val()的差异总结: (来源:慕课网) .html(),.text(),.val()三种方法都是用来读取选定元素的内容:只不过.html()是用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值.其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表…

jQuery学习之------对标签属性的操作

jQuery学习之------标签的属性 <a href=””>链接</a>此处的href就是该a标签带有的属性在js中对标签的属性的操作方法有 1.1getAttribute()方法 ----获取元素的属性例子: <a href="www.soulsjie.com" id="jie">jie</a> <script> var aa=document.getElementById("jie&q…

jQuery学习笔记之jQuery的Ajax（3）

jQuery学习笔记之jQuery的Ajax(3) 6.jQuery的Ajax插件源码地址: https://github.com/iyun/jQueryDemo.git ---------------------------- 6.0 jQuery ajax 浏览器给我们提供的XMLHttpRequest的作用是来发送http请求. js代码发送一个http的请求 XMLHttpRequest的四步:创建对象.注册监听.建立连接.发送数据异步交互的6个方法(发送http请求) ajax()…

jQuery学习笔记之DOM操作、事件绑定（2）

jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定源码地址: https://github.com/iyun/jQueryDemo.git --------------------学习目录------------------------ 4.DOM操作(节点增删改查) 节点查找:节点分为三种类型:元素节点.属性节点.文本节点创建节点创建元素节点使用 jQuery…

amazeui学习笔记三（你来我往1）--常见问题FAQs

amazeui学习笔记三(你来我往1)--常见问题FAQs 一.总结 1.DOM事件失败:记得加上初始化代码,例如图片轮播 $('#my-slider').flexslider(); 2.jquery:Amaze依赖jquery,所以如果效果没出来,看看有没有jquery 3.Chrome 开发者工具:推荐使用 Chrome 开发者工具. 二.常见问题FAQs 目录使用问题使用时遇到问题如何准确定位? 免费吗? Amaze UI 目前没有 xx 组件,有没有推荐的? 「爱上一匹野马,可你的…

abp学习（三）——文档翻译一

地址:https://aspnetboilerplate.com/Pages/Documents 什么是ASP.NET样板?ASP.NET Boilerplate(ABP)是一个开放源代码且文档齐全的应用程序框架. 它不仅是一个框架,而且还提供了一个基于域驱动设计的强大架构模型,同时考虑了所有最佳实践. ABP与最新的ASP.NET Core和EF Core一起使用,但也支持ASP.NET MVC 5.x和EF6.x. A Quick Sample Let's investigate a sim…

第二十五篇 jQuery 学习7 获取并设置 CSS 类

jQuery 学习7 获取并设置 CSS 类 jQuery动态控制页面,那么什么是动态呢?我们就说一下静态,静态几乎又纯html+css完成,就是刷新页面之后,不会再出现什么变动,一个实打实的静态页面.那么动态,我们基于静态的特征说,动态:刷新页面之后,还可以发生样式改变等,就为动态. 这节课我们学习的是jQuery控制css,那么css样式都被改变了,算动态么?当然算啦,刷新页面之后发生了改变,就已经不是静态了,只要是变动了,就算是啦. 我们这节课学习四个控制css的方法: addClas…

第二十四篇 jQuery 学习6 删除元素

jQuery 学习6 删除元素上节课我们做了添加元素,模拟的是楼主发的文章,路人评论,那么同学们这节课学了删除之后,去之前的代码上添加一个删除,模拟一个楼主删除路人的评论. jQuery的删除方法: remove() - 删除被选元素(及其子元素) empty() - 从被选元素中删除子元素以上引用w3c教程为了同学们更好的扩展,老师就不在上节课的基础上模拟删除,而是写出删除的功能代码和注意事项,同学们就自己多尝试,来瞧瞧代码先: <!DOCTYPE html> <ht…

第二十三篇 jQuery 学习5 添加元素

jQuery 学习5 添加元素同学们,这节课,使用jQuery动态添加元素,是很关键的一课,一般用在什么地方呢:别人发表一篇文章,你评论楼主的时候,总不能是提交表单,到后台的其他页面处理,然后再刷新回来吧,这样的话,用户体验不好.考虑一下用户的计算机配置不好.网络不好等多个因素,总是刷新页面,会造成等待的时间太长.甚至有的浏览器直接刷新不出来了,那么用户就抓狂了,就对你的产品有怨言. 所以,我们做前端,要实现动态添加,以后再使用ajax这类异步刷新和后台交互就可以了,那么多的不说,我们…

第二十一篇 jQuery 学习3 特效效果

jQuery 学习3 这节课主要是学习jQuery的动态效果. show()和hide()显示与隐藏方法,toggle()方法,fadeIn()谈入,fadeOut()谈出,slideDown()滑出,slideUp()滑入,animate()动画效果,stop()停止动画 w3c教程手册里有很好的解释,但很多同学依旧看不懂,行吧,那这里我们演示代码,看看效果,简单的学学这个东西: <!DOCTYPE html> <html> <head lang="e…

jquery学习笔记(四)：动画

内容来自[汇智网]jquery学习课程 4.1 显示和隐藏在jQuery中使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: hide()的语法形式:$(selector).hide(speed,callback); show()的语法形式:$(selector).show(speed,callback); speed 参数规定隐藏/显示的速度,可以取以下值:"slow"."fast"或毫秒. callback 参数是隐藏或显示完成后所执行的…

jquery学习笔记(五)：AJAX

内容来自[汇智网]jquery学习课程 5.1 ajax AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新. AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML). 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示. 5.2 load()方法加载数据 load()方法是简单但强大的AJAX方法.它从服务器加载数据,并把返回的数据放入被选元素中. 语法:$(se…