Jquery 学习笔记一

美元符号加上括号$()是jquery函数的简写名，利用这个快捷方式，就不需要在调用jquery函数时写上
jQuery()，jQuery函数通常还被称为jQuery包装器。
jQuery()：这个就是jQuery函数，他的主要工作是获取括号中指定的元素，他有一个快捷方式$()
括号中可以放入三种不同的内容：CSS选择器，HTML，Javascript Object.

jQuery选择元素的方式
CSS中的元素选择器:
h1{text-align:left;}会将HTML文档中的所有h1元素选出来，.my_class{position:absolute;}会将所有类名为my_class的元素选出来，而#my_id{color:#3300F}则是选出id号为my_id的元素。
而在jQuery中选择的方式也是类似的，如$('h1').hide()则是将页面中的h1元素选出来，hide()方法将其进行隐藏。
即$('xxx').方法()的使用方式。$()的参数可以是HTML元素的标签名，HTML元素标签的属性值，css选择器和js对象。如：$('p')选出HTML页面中的<p>元素，$(".myClass")选出页面中class=myClass的元素，$("#myId")选出页面中id=myId的元素。也可以组合使用，如：$("p#myid")选出页面中id=myid的<p>元素。$('span.Italian') .toggle()选出页面中class=Italian的<span>元素，并对其调用toggle()方法。
CSS选择器为选出来的元素增加样式，而jQuery为选出来的元素增加行为。
$("button").click(function(){}):告诉jQuery选出button元素，当button被单击时，执行function(){}中的代码。
处理滑动有3种方法，slideUp()：改变元素的height属性，直到高度为0，然后将元素隐藏slideDown()：将元素的height属性从0改为CSS样式表中设置的值，slideToggle()：如果原来朝上，就向下滑动，如果原来朝下，就向上滑动。
元素淡入时，会从不可见（透明）逐渐变为可见（不透明），实现淡入的方法有fadeIn(),fadeOut,fadeTo,fadeToggle，如：想要<img>元素淡入，可以使用$("img").fadeIn()，可以在括号中放入一个值来指定以多快的速度淡入，一般单位为毫秒。
追加内容使用append()方法，如：$("p").append('xxx')告诉js解释器要将括号中的内容追加到所有的段落元素中。
this表示当前正在处理的元素，即$(this)所选出来的东西依赖于上下文环境如：$("#myImg").click(function(){ $(this).slideUp(); });
中的this指的就是$("#myImg")。
使用remove()方法可以将一个元素或者一组元素从页面上删除，如：$("li").remove()会将页面中的所有<li>元素删除。
后代选择器可以选择出元素的子元素，父元素在左边，子元素在右边，父元素和子元素之间用一个空格隔开，如：$("div p")选择出<div>中的<p>元素，还可以选出孩子的孩子，如：$("div div p")，$(div p#my_id)

转载于:https://www.cnblogs.com/debugzer0/p/4843633.html

Jquery 学习笔记一相关推荐

jQuery学习笔记--目录
jQuery学习笔记--Helloworld jQuery学习笔记--DOM对象和jQuery对象 jQuery学习笔记--jQuery选择器 jQuery学习笔记--jQuery的DOM操作 jQu ...
jQuery学习笔记之DOM操作、事件绑定（2）
jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定源码地址: https ...
【转载】jQuery学习笔记
jQuery学习笔记 1 基础 HTML :一个人的裸体,是一个人的物质基础,是一个结构. CSS :一个人的漂亮外衣,使一个人看起来不是那么原始,修饰了一个人. JavaScript :一个人的灵魂 ...
jQuery学习笔记：Ajax(二)
接上篇"jQuery学习笔记:Ajax(一)". 3.jQuery.get(url,[data],[callback],[type])通过远程 HTTP GET 请求载入信息. 这 ...
jQuery学习笔记02：核心部分
jQuery学习笔记:核心部分一.$(expr) 1.说明 $(expr) 该函数通过CSS选择器.XPath或html代码来匹配目标元素参数:expr(字符串,一个查询表达式或一段html字符串 ...
jQuery学习笔记01：初试jQuery
jQuery学习笔记01:初试jQuery 一.下载jQuery jQuery官网:https://jquery.com 二.案例演示--Welcome to jQuery World 1.在WebS ...
jQuery学习笔记（二）
jQuery学习笔记(二) 二.管理jQuery包装集 1.创建新的元素使用HTML DOM 创建元素 var select=document.createElement("select& ...
javaweb（03） jQuery学习笔记
javaweb(03) jQuery学习笔记 jQuery介绍什么是jQuery jQuery,顾名思义,也就是 JavaScript 和查询(Query),它就是辅助 JavaScript 开发的 ...
jquery学习笔记（-）
Jquery学习笔记(-) Jquery的简介 Jquery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后只有21k),兼容各种浏览器(IE6.0+,FF1 ...
jQuery学习笔记开篇
开始学习人见人爱花见花开的jQuery. jQuery是一个轻量级,快速简洁的javascript框架.它的官方网址是(http://jquery.com/).jQuery的优点是它容量小巧,简洁和简 ...

Jquery 学习笔记一

jQuery选择元素的方式

Jquery 学习笔记一相关推荐

最新文章

热门文章