手记

Jquery 和 Ajax的 使用方法

--前端的硬伤 --


创建数据库

create table teny1(id int primary key auto_increment,usernamename varchar(50),pwd varchar(50),age int(11))type=innodb;

create database jsd1307db default character set utf8;

insert into teny(username,age) values('bob',22);



Ajax:${object}:里面的对象只能是Attribute绑定的对象,不能是直接new的对象引用


理论:

jQuery:相当于直接封装了js的dom对象,$("#id")等价于ocument.getElementById('id'),并且jQuery对象提供了自己的方法和属性,不再使用dom对象的属性和方法。

dom对象:HTML操作对象.


colspan:不规则表格属性

<div class="c1 c2 c3"></div>:多个class属性同时定义.

addClass():添加class元素选择

hasClass(class):检查当前的元素是否含有某个特定的类,如果有,则返回true


$(this):jQuery当前对象是谁.


toggleClass(class):切换class元素选择,有则删除class,无则添加class.


click():会调用执行绑定到click事件里面定义的所有函数。

触发页面内所有段落的点击事件


chick(fn):在每一个匹配元素的click事件中绑定一个处理函数,点击事件会在你的指针设备的按钮在元素上单击时触发


find():搜索所有与指定表达式匹配的元素。


attr(key,value):为属性名称ket元素设置(修改)一个对应的value属性值。

attr(name):取得第一个匹配元素(name)的属性值,如果元素没有相应属性,则返回 undefined 。得到指定元素的值内容.

attr({properties}):在所有匹配元素中批量设置很多属性的最佳方式.一次设置多个属性.



html():取得这个匹配元素的HTML内容(所有内容).

html(val):设置匹配元素的HTML内容.

text():取得所有匹配元素的内容(文本内容)


val():获得第一个匹配元素的当前值(内容)

val(val):设置所有相同匹配元素的值


index():搜索匹配的元素,并返回相应元素的索引位置,从0开始计数


eq(N):获取第N个元素,从0算起.


hover(over,out):模仿鼠标悬停事件,移动触发相应的函数.

dom创建和添加以及删除:

内部插入:

append(value):向每个匹配的元素内部追加内容value.

prepend(value):向每个匹配的元素内部添加前置内容.

外部插入:

before():前面添加,同prepend()

after():后部添加,同append()


remove():从DOM中删除所有匹配的元素(包括元素本身,但保留对象)

remove(expr):删除指定的

empty():删除匹配的元素集合中所有的子节点(文本及元素内容)

click():触发每一个匹配元素的click事件,这个函数会调用执行绑定到click事件的所有函数.点击事件函数.

click(fn):在每一个匹配元素的click事件中绑定一个处理函数

点击事件会在你的指针设备的按钮在元素上单击时触发。单击的定义是在屏幕的同一点触发了mousedown和mouseup.几个事件触发的顺序是:mousedownmouseupclick

clone():克隆匹配的DOM元素并且选中这些克隆的副本(不包括功能行为)

clone(true):复制并且复制功能行为.


css(name):访问第一个匹配元素的样式属性。

css(name,value):,更改一个name样式属性的value值。

css({properties}):在所有匹配的元素上设置大量样式属性的最佳方式,一次设置多个样式.

jQuery转换dom对象:

get():取得所有匹配的 DOM 元素集合。

get(index):取得其中一个匹配的元素(作为dom对象操作).


通用选择器:*代表所有.匹配所有元素


children(expr):取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合,只考虑子元素而不考虑所有后代元素,expr用以过滤(可选).

find(expr):找到指定的(expr)所有后代元素.搜索所有与指定表达式匹配的后代元素

next():获得后面紧跟同辈元素的集合.只返回后面那个紧邻的同辈元素(一个而不是所有)

nextAll():后面的所有同辈元素(后面的所有).

siblings():找到相同的所有同辈元素(不分前后,所有的)

取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合。



事件切换:

hover(over函数,out函数):当鼠标移到元素上以及移出元素时触发不同的处理函数。


toggle():点击了匹配的元素,则触发指定的第一个函数,再次点击触发第二个fn,直到最后一个fn。随后的点击对这些函数的重复顺序调用。(随后的每次点击都重复对这几个函数的轮番调用)。


$(fn(){}):加载页面之后最后处理.表示当页面加载完毕时执行这个函数


show(speed,fn):显示隐藏的匹配元素,并可以触发执行一个回调函数.如果选择的元素是可见的,则没有任何效果.speed代表运行的速度(slow,normal,fast)

hide(speed,fn):隐藏显示的元素,理论思想同上.

display:none;设置不可见.

fadeIn():通过不透明度的变化来实现所有匹配元素的淡入效果.可以触发回调函数.

fadeOut():通过不透明度的变化来实现所有匹配元素的淡出效果.可以触发回调函数.


animate(params,duration,fn):指定动画形式及结果样式属性对象

params:元素的最终样式结果形态.

duration:动画时长的毫秒数值

fn:回调函数.


mouseover(fn):在匹配元素中绑定一个处理函数。当鼠标移入对象时触发该函数。

mouseout(fn):鼠标离开后触发函数(原理同上)

mousedown(fn):鼠标在元素上点击会触发.

mousemove(fn):鼠标在元素上移动时会触发函数.

mouseup(fn):鼠标点击对象释放时触发函数.



0人推荐
随时随地看视频
慕课网APP