zoukankan      html  css  js  c++  java
  • JQuery了解

    JavaScript

    说道jquery 就不得不提到 javascirpt,在这个前端飞速发展的时代,javaScript的崛起就起到了很重要的推进作用,那么什么是javascript

    这个我自己应该很清楚,就是帮助渲染页面,来帮助html页面增加特效,最初的javascript 目的很单纯,渲染页面,和dom元素进行交互

    但是如今javascipt逐渐走到了后端,那么这里不仅仅提供上述这些功能,还需要来进行数据绑定,动态提交,因此javascipt就提供了更多

    的功能,

    JQuery

    那么JQuery是什么,传统的javascipt可能代码有些复杂,那么,就有高人出来进行优化,简化,封装,然后JQuery就诞生了,那么JQuery主要

    有什么作用呢

    选择器

    就是我们所说的常用的选择器,这里说一些常见的,id选择器 类选择器 元素选择器

    ${"#myDiv"} id选择器   ${".myClass"}类选择器 ${div}元素选择器,当然这些都是简单的,还有层级,属性,表单等等

    属性

    这里就是jquery提供的方法,因为封装javascript ,无非就是function 和 attr ,因此jquery提供了很多属性,其实就是一些方法

    obj  = ${}这里我们先模拟获取了对象

    obj.html() 追加html元素   obj.text() 添加文本 obj.val()给元素一个值 obj.attr()元素的属性

    Dom处理

    这里就是针对 jquery获取的对象,然后进行dom操作,也就是document的增加,例如

    插入 obj.append()追加 obj.replaceAll() obj.remove() obj.clone()

    事件

    同样为了交互当然也会提供一些事件

    页面载入,事件处理,事件委派,等

    效果

    一些基本的页面渲染,

    AJAX

    !这个可以说是我们的javascript中的常用内容,尤其是我们后端程序员熟练的内容,利用ajax可以对后台服务器的url进行请求,然后

    通过得到的数据来进行前台页面的再次渲染,因此AJAX十分重要

    其实就是一个方法    $.ajax() 但是这个方法的参数十分灵活,因此导致行为变化也会很大

    举个例子吧
    $.ajax({
       type: "POST",
       url: "some.php",
       data: "name=John&location=Boston",
       success: function(msg){
         alert( "Data Saved: " + msg );
       }
    });
    

      

    插件

    这个就是对jquery进行的扩展,增加更多的功能

    例如,JQuery验证框架

         JQuery自动补全

    很多,其实JQuery一定要了解,并且知晓 ,因为现在很多流行的javascript都是通过对JQuery在进行扩展,然后形成了新的js库,这样

    支持的内容就更加丰富,用户也喜欢使用

  • 相关阅读:
    vue列表排序实现中的this问题
    JavaScript:JSON 和 JS 对象
    vue项目设置每个页面的title
    webpack开发和生产两个环境的配置详解
    关于vuex的理解
    vue的路由配置
    js 的静态获取和动态获取
    7 Dockerfile指令详解 && VOLUME 指令
    HAProxy负载均衡保持客户端和服务器Session亲缘性的3种方式
    haproxy开启日志功能
  • 原文地址:https://www.cnblogs.com/obesityspace/p/6901436.html
Copyright © 2011-2022 走看看