jQuery 选择器杂谈

        jQuery作为目前应用比较广泛的框架,也是早期的一款功能齐全,实用的框架,在刚刚问世之时深受众多人的喜爱与追捧,虽然现如今jQuery显露没落之态,但不可否认他的强大,这里我就选取他的几个重要功能来谈谈。

JQuery选择器

    JQuery选择器是我第一次接触这款框架时便被其震撼的功能,简单,粗暴,直接,毕竟,当时受够了原生选取dom节点的痛苦,所以,在一看到这个选择器时,就喜欢上了这个框架,也由此开始了我对jQuery的探索之旅。

        JQuery的选择器有几十种,常用的也有十几种:

            类选择器:$(".class"),id选择器:$("#id"),标签选择器:$("tagName"),组合选择器:$("image,div")

            父子级选择器:$("ui li"),伪类选择器:$("div:hover"),$("div:active").

以上这些大概就是我们常用的选择器,比起以前的document.getElementById("id")这么一大串的的东西,现在只要一个$加("")就可以实现,真的是大大节省了我们的时间,将我们从繁重的冗余代码中解放出来。

jQuery框架思想:jQuery是封装很多底层的方法的一个框架,他的操作层面是dom层,也就是说,他做的一切都是基于dom的操作,他是以dom驱动的核心思想。所以说这也是jQuery这种类型的框架最终会被我们摒弃的原因,一个无法在数据层面去改变文本解构的框架,逐渐会被数据驱动的框架所取代,就像 现在最火的三大框架:vue ,angular,react 这三者就是数据驱动的框架,通过数据的改变进而改变dom结构,所谓的MVVM结构,模型-视图,视图-模型,相互影响。

AJAX

jQuery的ajax封装了很多实现的方法,我用过了其他框架封装的ajax之后,个人认为jquery的ajax方法是最方便,最容易入手的,这里简单讲讲:

        $.load()  load()方法简而言之,就是异步加载远程的html文件,比较粗糙的一种异步手段,直接加载一段HTML代码片段,并追加到dom结构中

        load(url,[data],callback)  =>callback (responseText,textstatus,XMLHttpRequest){}

        $.ajax({ })  

$.ajax是jquery ajax方法最底层的实现,所以自由度也比较高,这个方法只能有一个参数:params

    params:{

        url: 请求的地址

        type: 请求方式,get/post 默认是get

        data: 发送到服务器的数据 GET自动附加在url后面,post 方式作为http消息的实体内容发送给服务器,

        datatype: 服务器预期返回的数据类型

        "Content-Type":"application/json"; (数据编码格式)

        complete: 请求完成后调用的回调函数(成功或失败均调用)

        function(XMLHttpRequest,TextStatus){}

        success:请求成功后的调用的回调函数,

        error: 请求失败后调用的回调函数

        global: 是否全局出发ajax事件,默认为true

};

    ajax的get方式封装的方法

$.get(

        url: 请求的url地址

        data: 发送到服务器中数据会作为QueryString附加到url中

        type: 服务器返回的数据格式,包括xml,html,script,json,text,_default;(这里的type和$.ajax的Type不同,== dataType)

        callback: 载入成功时回调函数,自动将请求结果和请求状态传递给该方法,success/error

);

还有 一些就是$.post(params);$.getScript;$.getJson()

跨域:

        异步加载的最容易碰到的问题,jquery也提供了解决方法:JSONP

json  with padding  在服务器端集成script函数,并将标签返s回到客户端,客户端通过一个回调函数实现绕过浏览器的同源资源共享策略的机制,实现请求,完成访问。

        在$.ajax()的参数里加入  dataType : "jsonp",

                                                 jsop : "callback"

                                                jsonpCallback : function callback(){}

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

推荐阅读更多精彩内容

  • 原文链接 http://blog.poetries.top/2016/10/20/review-jQuery 关注...
    程序员poetry阅读 16,632评论 18 503
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,155评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,316评论 0 2
  • 第一章 入门 基本功能:访问和操作 dom 元素,控制页面样式,对页面的事件处理,与ajax完美结合,有丰富的插件...
    X_Arts阅读 1,023评论 0 2
  • ——生活的智慧在于:不管面对什么人,都存在着一套相处之道,以保证人与人交往之间的尊重,以及对底线雷区的把控。而这相...
    lsyaly阅读 445评论 0 0