jquery学习笔记

以下是为您整理出来关于【jquery学习笔记】合集内容,如果觉得还不错,请帮忙转发推荐。

【jquery学习笔记】技术教程文章

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

在学习jQuery选择器之前,有必要先了解一下css选择器,首先要明确一个新手容易混淆的概念:css选择器与jQuery选择器是两个不同的概念,正如DOM对象与jQuery对象(jQuery对象是通过jQuery包装DOM对象后所产生的的对象,无法使用DOM对象的任何方法)也是两个不同的概念。常用的css选择器有标签选择器、ID选择器、类选择器、群组选择器、后代选择器、通配选择器等。  jQuery选择器完全继承了CSS的风格,可以方便快捷的找出特定的DOM...

JQuery 学习笔记--02

JS 中的 window.onload() 方法与 Jquery 中的 $(document).read(function( ){ }) 的区别 :加载时机不一样, window.onload()要等所有文件都加载完毕 ( js , css 文件 , 以及图片资源 ) , 而 Jquery 的方法只需要等 DOM 树形成即可 ; $(document).read(function( ){ }) 可简写为 $(function( ) { }) ; $(document).read(function( ){ }) 可以绑定多个函数, 而 window.onload() 只有这一个事件 . Jquery 中两个合成事件: hover ...

jQuery学习笔记

2016.05.09幂等 (idempotent、idempotence)是一个数学或计算机学概念,常见于抽象代数中。    幂等有以下几种定义:对于单目运算,如果一个运算对于在范围内的所有的一个数多次进行该运算所得的结果和进行一次该运算所得的结果是一样的,那么我们就称该运算是幂等的。比如绝对值运算就是一个例子,在实数集中,有abs(a) =abs(abs(a)) 。   对于双目运算,则要求当参与运算的两个值是等值的情况下,如果满足运算结果与参与运算...

jQuery学习笔记3

* 动画效果 * 在一定的时间内, 不断改变元素样式 * slideDown()/slideUp()/slideToggle() * fadeOut()/fadeIn()/fadeToggle() * show()/hide()/toggle() * animate({结束时的样式}, time, fun) * stop() * 插件机制 * 扩展jQuery函数对象的方法 $.extend({ xxx: fuction () {} // this是$ }) $.xxx() * 扩展jQuery对象的方法 $.fn.extend({ xxx: function(){} // this是jQuery对象 }) $obj.x...

Jquery学习笔记,全面实用【代码】

JQuery第一章:Jquery概念介绍1.1 Jquery介绍(1)并不是一门新语言。将常用的、复杂的操作进行函数化封装,直接调用,大大降低了使用JavaScript的难度,改变了使用JavaScript的习惯。(2)常用插件网站:www.jq22.com(3)导入jquery插件两种方法:1、网上插件: <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>2、官网下载,本地导入: <script src="js/jquery-3.3.1.js" type="text/javascript" charset=...

jquery学习笔记之二【图】

1.one()与bind()的区别bind():给一个对象绑定事件,可以绑定一个事件,也可以绑定多个事件。one():跟bind一样,都是给对象绑定事件的。如给一个按钮绑定了三个相同的click事件,第单击一次按钮就会执行三个相同的事件,但是one()不一样,它只会在最开始的一次执行,然后后面无论你在单击多少次按钮,都不会执行了。2.模拟事件 trigger() $(".btn").trigger("click");-----当页面加载完后就会立即执行click事件。当然也可以...

JQuery学习笔记-选择器-1

在jQuery中 $()方法等价于jQuery()方法,前者比较常用,是后者的简写。一般只有在$()与其它语言冲突时才会使用jQuery()方法。parent > child选择器的范围,它所选择的目标是子集元素,相当于一个家庭中的子辈们,但不包括孙辈,它的调用格式:$(“parent > child”),child参数获取的元素都是parent选择器的子元素,它们之间通过“>”符号来表示一种层次关系。prev + next选择器就可以查找与“prev”元素紧邻的下一个“next”元素,...

jQuery学习笔记——jQuery基础核心

代码风格  在jQuery程序中,不管是页面元素的选择、内置的功能函数,都是美元符号“$”来起始的。而这个“$”就是jQuery当中最重要且独有的对象:jQuery对象,所以我们在页面元素选择或执行功能函数的时候可以这么写:  $(function () {});  //执行一个匿名函数  $(‘#box’);//进行执行的ID元素选择  $(‘#box’).css(‘color’, ‘red’);//执行功能函数由于$本身就是jQuery对象的缩写形式,那么也就是说上面的三段代码...

JQuery学习笔记(2)——数组 属性 事件【代码】

each遍历JQueryObjectArray.each(function(index,Element))复制$(".myTable").each(function(i,ele){//使用模板函数//这里的ele是一个DOM对象,要想使用jQuery对象,可以这样写$(this)//function里面的i和ele两个参数,根据实际情况填console.log(`${i}: ele.innerText`); });toFixed(2) 保留2位小数数组map拼接数组调用map,会自动拼接成一个字符串复制 $.getJSON(‘json_data.html‘, {name1: ‘参数值‘, name2: ‘value2‘}, f...

jquery学习笔记-jQuery操纵DOM元素属性 attr()和removeAtrr()方法【代码】【图】

jQuery中操纵元素属性的方法:attr(): 读或者写匹配元素的属性值.removeAttr(): 从匹配的元素中移除指定的属性. attr()方法 读操作attr()读操作. 读取的是匹配元素中第一个元素的指定属性值.  格式: .attr(attributeName),返回值类型:String.读取不存在的属性会返回undefined.   注意选择器的选择结果可能是一个集合,这里仅仅获取的是集合中第一个元素的该属性值.  看例子:<!DOCTYPE html><html><head><script type="text/ja...