jQuery
文章平均质量分 73
poorpenguin
这个作者很懒,什么都没留下…
展开
-
JQuery 基础(1)—— 基本介绍、选择器、筛选器(选择器的一种)
一、JQuery的基本概念 1.JQuery是什么? jquery是一款javaScript库,能更方便地处理HTML、事件、动画等,可以兼容多浏览器 2.如何选择版本? JQuery有三个大版本: v1.X:兼容IE6-8,以及低版本的chrome和火狐浏览器,推荐使用 v2.X:不兼容IE6-8 v3.X:同上,分为精简版和普通版,与V2普通版差不多,更新相应的API,加了相应的...原创 2018-05-12 23:26:19 · 280 阅读 · 0 评论 -
JQuery 基础(2)—— DOM操作
一、DOM对象和jQuery对象的转换 jQuery对象是jQuery对DOM对象的封装,封装了jQuery的一些方法和属性。 (一)检测DOM对象和jQuery对象 检测 DOM object :obj.nodeType 返回值:是*DOM对象返回数字,非*返回undefined 检测 jQuery object:obj.jquery 返回值:是*jQuery对象返回版本号,非*返...原创 2018-05-17 10:46:23 · 404 阅读 · 1 评论 -
JQuery 基础(3)—— DOM事件
一、JS中的DOM事件模型 JS中有两种事件模型: DOM 0级事件模型 (几乎所有浏览器都支持) DOm 2级事件模型(现代浏览器几乎都支持,IE8之前的不支持) (一)DOM 0级事件模型 有两种形式: //第一种:html标签中添加事件 <input type="button" onclick="doSomethi原创 2018-05-19 15:22:30 · 422 阅读 · 0 评论 -
JQuery 基础案例(1)—— jQuery实现瀑布流
使用jQuery实现瀑布流 其实只是用到了jQuery的部分方法啦。。。逻辑部分还是使用js写的,没用jQuery的$.each()方法。 上代码: HTML(结构)代码 <!DOCTYPE html> <html> <head> <title>瀑布原创 2018-05-23 09:55:34 · 337 阅读 · 0 评论 -
JQuery 基础案例(3)—— jQuery实现轮播图无缝(无回滚)滚动切换效果
轮播图无缝滚动切换原理 基本框架 <div class="slide"> <!-- 导航点 --> <ul class="slide-nav"> <li class="active">&am原创 2018-06-05 15:04:59 · 17708 阅读 · 0 评论 -
JQuery 基础案例(2)—— jQuery实现侧边栏附加导航
.单纯的侧边栏导航使用CSS的position:fixed属性即可实现,但要是实现如下图 这种能监听每一层的效果,需要相关的js代码了。 代码如下 <!DOCTYPE html> <html> <head> <title>楼层监听</title> <meta charset="utf-8">原创 2018-06-01 16:03:46 · 900 阅读 · 0 评论