jQuery基础部分
l JQ设计思想?
- 选择网页元素
– 模拟CSS选择元素
– 独有表达式选择
– 多种筛选方法
- JQ写法
– 方法函数化
– 链式操作
– 取值赋值合体
- JQ与JS关系
– 可以共存,不能混用
Jq当中基本不用等号,而是用函数来传参,jq几乎无论调用什么都要带括号
几种混用写法
//alert( $(this).html() ); //jq的写法
//alert( this.innerHTML ); //js的写法
alert( $(this).innerHTML ); //错误的
alert( this.html() ); //错误的
l $()下的常用方法
- has() //包含 $('div').has('span').css('background','red');
- not() //过滤的反义词 $('div').not('.box').css('background','red');
- filter() //过滤 $('div').filter('.box').css('background','red');
- next() //下一个节点 $('div').next().css('background','red');
- prev() //上一个节点
- find() //找到div下的h2 $('div').find('h2').css('background','red');
- eq() //一组当中的第几$('div').find('h2').eq(1).css('background','red');
- index() //alert( $('#h').index() ); //索引就是当前元素在所有兄弟节点中的位置
- attr() //写属性 $('div').attr('title','456');
l $()下的常用方法
- addClass()
- removeClass()
- width() //width
- innerWidth() //width+padding
- outerWidth() //width+padding+border
- outerWidth(true) //width+padding+border+margin
- insertBefore() before() //区别 :后续操作变了
- insertAfter() after() //区别 :后续操作变了
- appendTo() append() //区别 :后续操作变了
- prependTo() prepend() //区别 :后续操作变了
- remove()
- on() off()
- scrollTop()
l $()下的常用方法 事件上的方法
- ev
- pageX //相对于文档,原生中clientX相对于可视区
- which //找键盘的键值
- preventDefault //阻止默认事件
- stopPropagation //阻止冒泡的操作 return false; //阻止默认事件 + 阻止冒泡的操作
- one() //事件只执行一次
- offset() //获取到屏幕的左距离alert( $('#div2').offset().left );
- position() //到有定位的父级的left值,把当前元素转化成类似定位的形式alert( $('#div2').position().left );
- offsetParent() //parent() : 获取父级 //offsetParent() : 获取有定位的父级
- val() //找到value值
- size() //4 像length alert( $('li').size() );
- each() $('li').each(function(i,elem){ //一参:下标 二参 : 每个元素
$(elem).html(i);
});
l $()下的常用方法
- hover()
- show() hide()
- fadeIn() fadeOut()
- fadeTo()
- slideDown() slideUp()
转载于:https://www.cnblogs.com/cjie/p/6115977.html
jQuery基础部分相关推荐
- 【Java Web开发指南】JQuery基础笔记
文章目录 JQuery 基础: 1. JQuery 基础:1. 概念2. 快速入门3. JQuery对象和JS对象区别与转换4. 选择器5. DOM操作6. 案例 JQuery 基础: 1. 概念: ...
- Jquery基础之DOM操作
Jquery基础之DOM操作 Dom是Document Object Model的缩写,意思是文档对象模型.DOM是一种与浏览器.平台.语言无关的接口,使用该接口可以轻松访问页面中所有的标准组件.DO ...
- Ajax、jQuery基础入门视频教程
关注公众号,免费获取资料 本视频是Ajax和jQuery基础入门视频,该视频针对接触过javaScript基础的学员录制,授课讲究通俗易懂.通过该视频的学习,相信您能够轻轻松松地掌握Ajax和jQue ...
- jQuery小测试系列之jQuery基础知识
日期:2012-4-17 来源:GBin1.com 这是jQuery小测试系列第一部分:基础知识. 来源:jQuery小测试系列之jQuery基础知识
- JQuery-学习笔记04【基础——JQuery基础案例】
Java后端 学习路线 笔记汇总表[黑马程序员] JQuery-学习笔记01[基础--JQuery基础]--[day01] JQuery-学习笔记02[基础--JQuery选择器] JQuery-学习 ...
- JQuery-学习笔记01【基础——JQuery基础】
Java后端 学习路线 笔记汇总表[黑马程序员] JQuery-学习笔记01[基础--JQuery基础]--[day01] JQuery-学习笔记02[基础--JQuery选择器] JQuery-学习 ...
- 06 Jquery 基础
06 Jquery 基础 前端学习之jquery: jQuery:一个库 Jquery的基础语法: $(selector).action() 基本选择器: <script>//基本选择器/ ...
- java与jquery的选择器区别_java day44【JQuery 基础:概念,快速入门,JQuery对象和JS对象区别与转换,选择器,DOM操作,案例】...
第一章JQuery 基础 1. 概念: 一个JavaScript框架.简化JS开发 * jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScrip ...
- java jquery基础_day20:JQuery基础(超系统的JavaWEB全套教程)
今日内容 1.JQuery 基础: 概念 快速入门 JQuery对象和JS对象区别与转换 选择器 DOM操作 案例 JQuery 基础: 1.概念: 一个JavaScript框架.简化JS开发 jQu ...
- 《jQuery基础》总结
目前,互联网上最好的jQuery入门教材,是Rebecca Murphey写的<jQuery基础>(jQuery Fundamentals).这本书虽然是入门教材,但也足足有100多页.我 ...
最新文章
- python中文解释-python是解释型语言么
- deep learning:RBM公式推导+源码 ----- C++
- python从入门到实践_Python编程从入门到实践日记Day32
- MySQL中实现分组排序
- PyCairo 中的文本
- python访问mysql_python连接mysql
- centOS 7下安装与配置heartbeat高可用集群
- NFS网络文件系统服务配置、验证及错误解决
- java的多线程学习,第四记
- vscode 网页版
- logback日志框架的简单使用
- springboot-admin对springboot项目监控
- 计算机管理(一)C盘瘦身
- ext.js解决html乱码,extjs 中文乱码
- 四川师范大学地信概论(3- 空间数据模型)90分以上版本
- 什么是3322域名?3322域名如何注册?
- MTF 曲线图应该怎么看?
- 成都个人公司不注销有什么后果?
- 剑指Offer——编程题的Java实现
- 家庭宽带相关知识及工具
热门文章
- python图像分类需要什么环境_Python学习简单图像识别分类,python
- mysql存储过程类_mysql存储过程类
- voxelnet_苹果最新机器学习论文:使用VoxelNet进行3D物体检测
- python统计英文单词个数_python统计英文文本中的回文单词数
- Buffer内存分配
- HTML5 classList 操作类名
- 计算机二级基础知识微盘,计算机二级C++基础知识(整理版).pdf
- python过拟合_梯度下降、过拟合和归一化
- eclipse连接数据库
- 计算同比和环比的区别_【数据说第三期】同比和环比数据分析时,有哪些需要注意的点?...