随笔分类 - jQuery
对于jQuery的一些常用方法的记录整理,有不对之处望批评指正。
jQuery 插件
摘要:jQuery 插件 jQuery 功能比较有限,想要更复杂的特效效果,可以借助于 jQuery 插件完成。 这些插件也是依赖于jQuery来完成的,所以必须要先引入 jQuery文件,因此也称为 jQuery 插件。 jQuery 插件常用的网站: jQuery 插件库 http://www.jq2
阅读全文
jQuery 拷贝对象
摘要:jQuery 拷贝对象 jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API,方便易用,内容如下。 语法 演示代码 <script> $(function() { // 1.合并数据 var targetObj = {}; var obj = { id: 1, name: "and
阅读全文
jQuery 事件
摘要:1jQuery 事件注册 jQuery 为我们提供了方便的事件注册机制,是开发人员抑郁操作优缺点如下: 优点: 操作简单,且不用担心事件覆盖等问题。 缺点: 普通的事件注册不能做事件委托,且无法实现事件解绑,需要借助其他方法。 语法 演示代码 <body> <div></div> <script>
阅读全文
jQuery 尺寸、位置操作
摘要:1. jQuery 尺寸操作 jQuery 尺寸操作包括元素宽高的获取和设置,且不一样的API对应不一样的盒子模型。 代码演示 <body> <div></div> <script> $(function() { // 1. width() / height() 获取设置元素 width和heigh
阅读全文
jQuery 元素操作
摘要:jQuery 元素操作 jQuery 元素操作主要讲的是用jQuery方法,操作标签的遍历、创建、添加、删除等操作。 1.3.1. 遍历元素 jQuery 隐式迭代是对同一类元素做了同样的操作。 如果想要给同一类元素做不同操作,就需要用到遍历。 语法1 注意:此方法用于遍历 jQuery 对象中的每
阅读全文
jQuery 文本属性值(html() / text() / val() )
摘要:jQuery 文本属性值 jQuery的文本属性值常见操作有三种:html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性。 1 jQuery内容文本值 常见操作有三种:html() / text() / val() ; 分
阅读全文
jQuery 属性操作(prop() / attr() / data() )
摘要:1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性,比如 <a> 元素里面的 href ,比如 <input> 元素里面的 type。 注意:prop() 除了普通属性操作,更适合操作表单属性:disabled / checked / selected 等。 2 元素自定义属性
阅读全文
6 jQuery效果(slide[in | out],fade[in |out | to],show/hide,animate,hover)
摘要:jQuery 给封装了很多动画效果,最为常见的如下: 显示隐藏:show() / hide() / toggle() ; 划入画出:slideDown() / slideUp() / slideToggle() ; 淡入淡出:fadeIn() / fadeOut() / fadeToggle() /
阅读全文
5jQuery中对样式的常用操作
摘要:jQuery中常用的样式操作有两种:css() 和 设置类样式方法 方法1: 操作 css 方法 jQuery 可以使用 css 方法来修改简单元素样式; 也可以操作类,修改多个样式。常用以下三种形式 : 1 // 1.参数只写属性名,则是返回属性值 2 3 var strColor = $(thi
阅读全文
4 jQuery 选择器
摘要:原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使获取元素统一标准。 基础选择器 $("选择器") // 里面选择器直接写 CSS 选择器即可,但是要加引号 基础选择器和层级选择器案例代码 <body> <div>我是div</div> <div cla
阅读全文
3
摘要:1jQuery中的顶级对象是 jQuery 的别称,在代码中可以使用 jQuery 代替,但一般为了方便,通常都直接使用 是jQuery的顶级对象,相当于原生JavaScript中的 window。把元素利用$包装成jQuery对象,就可以调用jQuery 的方法 2jQuery 对
阅读全文
2 jQuery的入口函数
摘要:jQuery中常见的两种入口函数: 第一种: 简单易用。 1 (document).ready(function(){ 2 ... // 此处是页面DOM加载完成
阅读全文
1 jQuery的概述
摘要:jQuery总体概况如下 : jQuery 是一个快速、简洁的 JavaScript 库,其设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。 j 就是 JavaScript; Query 查询; 意思就是查询js,把js中的DOM操作做了封装,我们可以快速的查
阅读全文