JQ

$(document).ready(function(){代码表达式});文档加载完毕后执行JQ代码

l事件

$(“#id”).click(function(){代码表达式});点击事件

$(“#id”).focus(function(){代码表达式});获取焦点事件

$(“#id”).blur(function(){代码表达式});失去焦点事件

$(“#id”).mouseover(function(){代码表达式});鼠标悬停事件

$(“#id”).mouseout(function(){代码表达式});鼠标移出事件

$(“#id”).on();绑定事件

$(“#id”).hover();鼠标事件

$(“#id”).bind(“mouseentermouseleave”,handlerInOut);

$(“#id”).hover(handlerInOut);鼠标事件切换

$(“#id”).toggle();鼠标点击显示隐藏切换

$(“#id”).change();元素值发生改变时相应(textarea,select)

$(“#id”).focus();元素获取焦点时

$(“#id”).blur();元素失去焦点时

l获取内容

$(“#id”).text()返回所选元素的文本内容

$(“#id”).html()返回所选元素的内容(包括HTML标记)

$(“#id”).val()返回所选元素的表单字段的值

$(“#id”).attr(“src”)返回所属元素的属性值

l设置内容

$(“#id”).text(“文本”)设置文本内容

$(“#id”).html(“HTML”)设置HTML内容

$(“#id”).val(“值”)设置值

$(“#id”).attr(“href”,”http://www.baidu.com”)设置href

l设置多个属性值

$(“#id”).attr({

“href” : “http://www.baidu.com”,

“title” : “title”,

“src” : “src”

});

l添加元素

$(“#id”).append()在被选元素的结尾插入内容(直接在标签里面插入内容)

$(“#id”).prepend()在被选元素的开头插入内容(直接在标签里面插入内容)

$(“#id”).after()在被选元素之后插入内容(在标签后面插入内容)

$(“#id”).before()在被选元素之前插入内容(在标签后面插入内容)

l创建元素

Var txt1= $(“”).text(“Text”)JQ创建新元素

Var txt2= “

Text

”HTML创建新元素

Var txt3= Document.createElement(“p”)

Txt3.innertHTML=”Text”;DOM创建新元素

$(“#id”).append(txt1,txt2,txt3)追加元素

l删除元素

$(“#id”).remove()删除元素

$(“#id”).empty()删除被选元素的子元素

$(“p”).remove(“.p”)删除P标签下类名为P的元素

$(“img”).removeAttr(“src”)删除图像的src属性

l设置CSS类

$(“#id”).addClass()向所选元素添加一个或多个类

$(“#id”).removeClass()从被选元素删除一个或多个类

$(“#id”).css()返回被选元素样式属性

$(“#id”).toggleClass()对被选元素进行添加/删除类的切换操作

l尺寸

$(“#id”).width()设置或返回元素的宽度

$(“#id”).height()设置或返回元素的高度

$(“#id”).innerWidth()返回元素的宽度(含内边距)

$(“#id”).innerHeight()返回元素的高度(含内边距)

$(“#id”).outerWidth()返回元素的宽度(含内边距和边框和外边距)

$(“#id”).outerHeight()返回元素的高度(含内边距和边框和外边距)

l遍历

$(“#id”).parent()返回被选元素的直接父元素

$(“#id”).parents()返回被选元素的所有祖先元素

$(“#id”).parentsUntil()返回介于2个给定元素之间的所有祖先元素

$(“#id”).children()返回被选元素的直接子元素

$(“#id”).find()返回被选元素的所有后代元素

$(“#id”).siblings()返回被选元素的所有同胞元素

$(“#id”).next()返回被选元素的下一个同胞元素

$(“#id”).nextAll()返回被选元素的下面的所有同胞元素

$(“#id”).nextUntil()返回介于2个给定元素直接的所有同胞元素

$(“#id”).prev()返回被选元素的上一个同胞元素

$(“#id”).prevAll()返回被选元素的上面的所有同胞元素

$(“#id”).first()返回被选元素的首个元素

$(“#id”).last()返回被选元素的最后一个元素

$(“li”).eq()返回被选元素中带有指定索引号的元素

$(“p”).filter(类名或ID名)返回匹配的元素

$(“p”).not(类名或ID名)返回不匹配的元素

lAJAX

$(“#id”).load(url,callback函数)从服务器加载数据,并把数据放入被选元素中

$.get(url,callback函数)以GET方式从服务器上请求数据

$.post(url,data,callback函数)以POST方式从服务器上请求数据

$.getJSON(url,data,callback)以GET方式来加载远程JSON数据

$.ajax()把远程数据加载到XMLHttpRequest对象中

例子:

$.ajax({

url : “www.baidu.com”,

status : “success”

})

lJSON对象

Var obj = Eval(JSON对象)解析JSON对象数据

l选择器

$(“tr:odd”)查找表格的2,4,6行

$(“tr:add”)查找表格的1,3,5行

$(“form > input”)匹配表单中的所有子级input元素

$(“tr:eq(0)”)查找第一行

$(“tr:gt(0)”)查找比第一行大的行

$(“tr:lt(2)”)查找比第三行小的行

$(“:header”)匹配如h1,h2之类的标题元素

$(“td:empty”)查找所有不包含子元素或者文本的空元素

$(“div:has(p)”)匹配含有p元素的div元素

$(“td:parent”)查找所有含有子元素或者文本的td元素

$(“tr:hidden”)查找隐藏的tr

$(“input:hidden”)查找type为hidden的元素

$(“tr:visible”)查找所有可见的tr元素

$(“:checkbox”)查找所有复选框

$(“input:checked”)查找所有选中的复选框

l筛选

$(“div”).hasClass()检查当前元素是含有某个特定的类

$(“p”).slice(0,2)选择前2个P元素

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容

  • 一、基本选择器:#### A:$('li:first') //第一个元素B:$('li:last') //最后一个...
    贞贞姐阅读 614评论 5 9
  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 649评论 0 3
  • 对jq能熟练运用后在回头发现,曾今的坑其实这两本书多多少少都能提到,当时知道有这两本好书,但是自己却没看,如今在回...
    coderLfy阅读 1,047评论 6 19
  • 各位践行12班得007er们,大家好: 我是北京的孟月玲,刚过40岁生日。在北京生活了近15年,安家北京,育有一...
    孟yueling阅读 456评论 0 4
  • 如果可以 我想买马去南山 不骑 看它吃草 如果可以 我想栽一朵花 在你的肩头 人群中我一眼看到你 如果可以 我会酱...
    丹崖阅读 199评论 0 7