关于jquery

1、jquery获取元素


    jquery首先页面加载,window.onload=function(){}替换成 $(function () { ... })这种格式

    jquery里通过 $() 获取元素,里面可以放标签名,class名,id名,各种选择器

选择器:

    可以有子集选择器,例::first、:odd、:even  等,新版本也新增了root ,target选择器

    属性选择器:[ 属性名=属性值],里面也可以选择,例: ^是以什么开始,$是以什么结束等

    子集选择器:nth-child、 nth-last-child、:first-of-type

    表单元素:例:选中:checked 、不可用:disabled、其他的:enabled、:selected、:input 、:button 等

    $.escapeSelector(selector),,在类选择器或者ID选择器中包含一些CSS特殊字符的选择器

2、jquery的事件


    jquery的事件都是事件绑定的

    jquery里的事件与js事件不同的是,事件都不用加on、常用的事件,在jq里也都有,例:mousedown 鼠标按下 ,scroll 滚动,foucus 获取焦点,toggle切换等,用法与原生没什么区别。

3、jquery效果


slideup();  向上滑,  写法:slideUp([speed,[easing],[fn]])  

        //speed: 划时的速度(fast/slow/nromal),

          easing: 切换效果,默认是"swing",可用参数"linear",

          fn: 在动画完成时执行的函数,每个元素执行一次。

fadein(),fadeout(),淡入淡出的效果,写法:fadeIn([s],[e],[fn])

         //s:速度可以写 slow,normal,fast或时间的毫秒数值(如:1000)

          e:切换效果swing或linear

          fn: 在动画完成时执行的函数

animate();  运动          写法:animate(params,[speed],[easing],[fn]) ,

          //(动画属性和终值的样式属性和及其值的集合,slow/normal/fast/动画时长,linear/swing,动画完成时执行的函数),

          运动这个效果用起来也比较方便,比js的运动简单方便,在animate里可以写要改变的样式,运动形式,运动速度,运动后要执行的函数

          也可以写成 animate({必填的:要变化的属性},{'可选项duration':运动时间,'complete':function(){运动完成后执行的代码})

         运动是封装的时候用了定时器,所以在使用时,要先停止运动,再让运动走,eg:   obj.stop().animate(...);

4、循环$.each ( arr, fnction ( i , v) { ....}) 


//循环数组,i代表下表,v代表下标对应的值  ,函数里的this指的是当前循环的内容 ,each可以便利对象,例如json,eg:

$.each( { name: "John", lang: "JS" }, function(i, n){

alert( "Name: " + i + ", Value: " + n );

});

5、其它小方法

$.trim(str);  //去掉字符串起始和结尾的空格  eg:   $.trim("  hello, how are you?  ");

$.extend([d],tgt,obj1,[objN])    //用一个或多个其他对象来扩展一个对象,返回被扩展的对象。

$(对象).size();   //计算这个对象元素个数 ,像length

$(对象).css('样式名','样式值');       eg: $ ( 'div' ) . css ( { ....});

$('div').attr('属性名','属性值');         eg : $( 'div ') . attr ( {....} );

addClass() 追加

removeClass() 去掉某个class

innerHTML jq变成 html()

value jq变成 val()

text  jq变成  text()

appendTo() ;追加到...

事件对象event  ,在jq里写成e用法和原生js一样   eg:e.pageX  //鼠标的X轴坐标

delay(d,[q]);延迟,一般配合运动,延迟运动效果等,一般只写时间,后面是延迟之后要执行队列的项目

总结:

 jq里都是事件绑定的,在jq里事件绑定一般都用on,解绑用off

jq和原生最好不要混着用,否则别看看代码很混乱

jq可以转原生,在后面加 [ 0 ]/ get ( 0 ) ,原生js也可以转jq,加$(..);

jq对象必须使用jq方法,js对象使用js方法,

jq里也可以加定时器,只是用定时器的时候,写原生的定时器就好,定时器和原生的一样

jq好多方法其实比原生好用,但是原生js有的方法jq不应定有

jq的方法看jquery  api就好,api就可以看懂使用方法,简单易学

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

推荐阅读更多精彩内容

  • 问答: 说说库和框架的区别?答:库是一些方法的集合,类似于工具,直接拿来用的。而框架是有着一定的规范,类似于搭一个...
    谢环志阅读 218评论 0 0
  • 问答: 1. 说说库和框架的区别? 库可以相当于方法的封装大集合,当你想用一个方法的时候可以直接在库中调取,也可以...
    JunVincetHuo阅读 142评论 0 1
  • jQuery基础 什么是JQ?一个优秀的JS库,大型开发必备JQ的好处?一简化JS的复杂操作二不再需要关心兼容性三...
    幺七阅读 933评论 0 2
  • 1.库和任务的区别 框架与库之间最本质区别在于控制权:you call libs, frameworks call...
    饥人谷_菠萝阅读 224评论 0 0
  • 寂寞就像一首我爱的歌,一秒一秒吞噬着我的心。我除了无动于衷,做什么都是错,都更痛。
    薄荷香阅读 163评论 0 0