• jQuery 学习小结


    1,jQuery是一个简单的JavaScript库,提供了一系列辅助函数;以下简称jq;

    使用jq时,通常将jq代码放到head部分的事件处理方法中,也可以将其单独写出 .js 文件,引入;但无论哪种使用形式,使用ja之前都要先引用有jq的文件,可以到jquery的官网下载,然后<script src="jquery库文件地址"></script>

    2,jq的代码一般封装到$(document).ready(function(){  //代码段;})中,类似于JS中的window.onload=function(){};

    3,上述出现的 “ $ ”符号,就是jquery的标记,也可以将 $ 符号写成jquery;

    4,jq中的选择器:

    1)元素选择器:

    $("标签名 "); 如:$("p")是选取了所有的P标签节点;

    2)属性选择器:

     $("[href]") : 选取所有带有href属性的元素;

     $("[href = '#']"); :选区所有href值等于 # 的元素;

     $("[href != '#']"); :选区所有href值不等于 # 的元素;

     $("[href $= '.jpg' ]"); :选取所有href值 以.jpg结尾的元素;

    3)css选择器:

     $("标签名").css("属性名","属性值");  如:$("p").css("background-color","red");

    5,jq中获取元素内容的方法:

    text() : 获取元素文本内容;

    html():获取元素文本内容(包括html标签);

    value():获取表单元素 的值;如 input的值;

    6,jq中修改元素内容的方法:类似于获取元素内容的方法,但是添加了 参数;

    text(“修改之后的新内容”);

    html(“<标签>修改之后的新内容</标签>”);

    value(“修改后的新内容”);

    7,获取属性方法:注意有参数为属性名;

    attr();如:alert(("#id").attr("name"));//name为属性名;

    8,添加和删除元素的方法:

    添加方法:

    append():在末尾添加;

    prepend():在开头添加;

    after():在元素后面添加;

    berfore():在元素前面添加;

    删除元素:

    remove():删除被选元素及其子元素;

    empty():从被选元素中删除子元素;

    9,jq 提供多个与Ajax有关的方法;以下是最常用的3个方法:

    1)load():从服务器加载数据,并把返回的数据放到被选元素中;

    $(selector).load(URL , data , callback);

    URL规定加载的url;

    可选的data参数规定与请求一同发送的查询字符串键值对的集合;

    可选的callback参数load()方法完成后所执行的函数名称。

    2)get和post方法:

    1)$.get()方法通过HTTP GET请求从服务器上请求数据;

    $.get(url ,callback);  url是必须的,callback可选;

    2)$.post()方法通过HTTP POST请求从服务器上请求数据;

    $.post(url ,data ,callback);

    url是必须的,其他可选,data是连同请求发送的数据;callback有两个参数,第一个是被请求页面的内容,第二个是请求的状态;

  • 相关阅读:
    WPF 分页控件Pager
    vue Map 渲染DOM
    IDEA 开发工具 Mybatis 快速开发插件 ==》MyBatisX
    令自己的本地ip可以被外网访问
    mybatis按datetime条件查询,参数为时间戳时
    springmvc传参---LocalDateTime、Date等时间类型转换
    java excel导出(表头合并,多行表头)
    JMeter学习工具简单介绍
    idea项目 run、debug变灰色的问题
    vue的ui库使用Element UI,纯html页面,不使用webpack那玩意
  • 原文地址:https://www.cnblogs.com/RitaLee/p/6110672.html
Copyright © 2020-2023  润新知