全面复习jQuery

215 阅读1分钟

目前所在公司项目中用到了jQuery和sea.js说实在的jQuery是真的太复古了,但是公司给我们钱搬砖。我只有把jQuery在复习一次写篇博客

jQuery.com 这是官方文档

这是一个库不是一个框架

为什么要用jQuery呢?

DOMAPI

很难用

兼容性问题

功能太少

jQuery

兼容性好

API 友好

功能强大,与时俱进

jQuery能做什么

选择网页元素

改变结果集

元素的操作:取值和赋值

元素的操作:移动

元素的操作:复制、删除和创建

工具方法

事件操作

特殊效果

AJAX

链接

怎么用jQuery

!!! jQuery只有这两种语法

$.each()

调用一个方法然后操作

$('ul').addClass()

绑定一个元素对其操作

不管要实现个多逆天的功能 anything只有这两种写法

选择器

修改一个DOM

创建元素

var obj = $('<div class="test"><p><span>Done</span></p></div>');

添加元素

.append(content[,content]) / .append(function(index,html))

例子

$( ".inner" ).append( "<p>Test</p>" );
$( "body" ).append( $newdiv1, [ newdiv2, existingdiv1 ] );
$( "p" ).append( "<strong>Hello</strong>" );
$( "p" ).append( $( "strong" ) );
$( "p" ).append( document.createTextNode( "Hello" ) );

绑定元素

绑定事件只有 on 和 off