jQuery 
   1.特点: 
   小巧 
   功能强 
   跨浏览器 
   插件

2.使用 
    实际是js文件 
    a)  复制js到WebRoot 
    b)  页面<script src="jquery.js" charset=""></script>

3.核心对象及常用方法和属性 
     a)名称 
     jQuery和$ 
     用$找出来的对象叫jQuery对象 
     用document找出来的对象叫Dom对象 
     
     b)dom和jquery对象转换 
     jQuery对象.get(0) --->dom对象 
     $(dom对象)--->jQuery对象 
    
     c)jQuery对象方法 
      .show() 显示 
      .hide() 隐藏 
      .toggle() 显示或隐藏切换 
      $("div").hide(); 
      $("#myid").show(); 
      $(".myclass").show(100);

.size() 找到多少个对象 
      var n = $("div").size()

文本框赋值(value) 
      $("#myid").val(123); 
      .val()取值

层的内容.innerHTML/.innerText 
      $("div").html() ; 
      $("div").html(123); 
      $("div").html("<input type=button>"); 
      $("div").text("<input type=button>");

样式 document....style.color="red" 
      $("div").css("color","red").css("font-size","18"); 
      $("div").css({color:"red","font-size":18});

删除 
      $("div").remove(); 删除所有div

添加 
      父加子: $("div").append("<input button>"); 
              $("div").append( $("#myid") ); 
      子加父 
           $("input").appendTo(  $("div") );

对象属性 
        $("input").attr("checked",true);

去首尾空格: 
         $.trim(字符串) 
$("div").each(  function(i,obj){}  ); 
$.post(url,function(x){}); 
$.post(url,{键:值},function(x){}); 
$.getJSON(url,function(x){//这里x已转成json了,不要用eval});

克隆 
        $("div").clone();

4. 选择器 
    a) 类选择器 
       <input type=text class="myclass"> 
       $(".myclass")     找多个 
    b) id选择器   
       <input type=text id="myid"> 
       $("#myid") 找一个 
       相当于:document.getElementById("myid") 
    c) 标记选择器   找多个 
       $("div,span") 
       相当于document.getElementsByTagName() 
    d) 表单选择器 
       $(":text")   所有文本框 
       $("input[type=text][value='']")

$(":radio")  所有单选框 
       $(":checkbox") 所有复选框 
    e) 表单属性选择器 
       $(":checkbox:checked")或$(":checked:checkbox") 
       $(":checked")  找所有选中(单选框和复选框) 
       $(":selected") 找所有选中列表框 
    f) 层级选择器 
       父找子 d找c 
       $("table").find("tr")  //找子孙都可以 
       $("table>tbody>tr") 找所有tr 
       $("table>tbody>tr:first") 找第一行 
       $("table>tbody>tr").eq(0) 找第一行 
       $("table>tbody>tr:odd")   所有奇数行 
       $("table>tbody>tr:even")  所有偶数行

子找父 
       $("tr").parent()

找兄弟 
       $(a).next() 下一个 
       $(b).prev() 上一个

转载于:https://www.cnblogs.com/Look_Sun/archive/2011/01/06/1927758.html

jQuery必知必熟基础知识相关推荐

  1. 运维必知的网络基础知识!

    网络基础知识 一.OSI七层模型 1.1应用层 1.2表示层 1.3会话层 1.4传输层 1.5网络层 1.6数据链路层 1.7物理层 二.TCP/IP五层参考模型解封装 三.TCP/IP协议簇 四. ...

  2. 会计人必知的实务基础知识

    在实务工作中可能每个财务人员只负责某一个会计工作环节,尽管如此,每个财务人员还是非常有必要对财务工作的大致环节了如指掌. 一.财务工作的大致环节如下: 1.根据原始凭证或原始凭证汇总表填制记账凭证. ...

  3. MySQL必知必会笔记(一)基础知识和基本操作

    第一章  了解MySQL     数据库       保存有组织的数据的容器.(通常是一个文件或一组文件) 人们经常使用数据库这个术语代替他们使用的软件.这是不正确的,确切的说,数据库软件应称为DBM ...

  4. 脑残式网络编程入门(三):HTTP协议必知必会的一些知识

    为什么80%的码农都做不了架构师?>>>    本文原作者:"竹千代",原文由"玉刚说"写作平台提供写作赞助,原文版权归"玉刚说&q ...

  5. linux 系统管理基础,【必知必会】你绕不过的 Linux 系统管理基本功

    第一阶段:  使用虚拟机软件搭建学习环境 1门课程 5小时30分钟 学习 vmware workstation 和 virtualbox 等虚拟机软件的使用方法,虚拟机是后面进一步学习的工具,务必熟练 ...

  6. linux后台开发必知的io优化知识总结

    尊重原创版权: https://www.hanzhangsy.com/hot/105435.html 更多内容参考: https://www.hanzhangsy.com/ linux后台开发必知的i ...

  7. Oracle Database 11g数据库管理艺术(涵盖DBA必知必会的所有数据库管理知识)

    Oracle Database 11g数据库管理艺术(涵盖DBA必知必会的所有数据库管理知识) 基本信息 原书名: Expert Oracle Database 11g Administration ...

  8. java的标量和聚合量_第5节:Java基础 - 必知必会(下)

    第5节:Java基础 - 必知必会(下) 本小节是Java基础篇章的第三小节,主要讲述Java中的Exception与Error,JIT编译器以及值传递与引用传递的知识点. 一.Java中的Excep ...

  9. 风控人必知必会的征信知识

    二代征信相比一代征信,报告内容更为翔实,我们梳理了下,主要在以下方面有所不同: 一:逾期情况包括信用卡逾期.贷款逾期等所有的逾期记录都会保留5年,逾期.呆账,过期销户的内容也会保留: 二:个人信息的完 ...

  10. 计算机硬件知识硬盘,DIY硬件知识:小白必看的硬盘基础知识大全

    硬盘是DIY硬件最为重要的存储设备,如果没有硬盘,虽然能够点亮机器,但是你不能进入系统并且保存任何资料文件.众所周知,目前主流的硬盘类型有两种,一种为机械硬盘,另一种为固态硬盘,固态硬盘是目前最流行的 ...

最新文章

  1. 数据挖掘公司D square nv 完成500万欧元B轮融资
  2. 嵌入式linux设计报告,嵌入式linux课程设计报告
  3. 推荐系统(5)—隐语义模型(LFM)
  4. 得到当前函数堆栈调用
  5. JAVA爬虫三大运营商
  6. 销售订单抬头与行项目数据的关系
  7. 还在用Matplotlib? 又一可视化神器pyecharts登场
  8. 摆脱困境:向REST API添加验证
  9. oracle中的符号含义
  10. HDU 6170 2017 多校训练:Two strings(DP)
  11. apache poi教程_Apache POI教程
  12. python dbf转excel,使用Python将.csv文件转换为.dbf?
  13. 字节学妹的数据分析笔记,收藏
  14. file_get_contents() 报错failed to open stream: HTTP request failed! HTTP/1.1 505 HTTP Version Not Supp
  15. CyanogenMod - All the source code for CyanogenMod
  16. win7系统怎么删除电脑运行记录?
  17. 【vue.js】+云存储(实现图片上传功能)
  18. 2021-6-8-今日收获
  19. mysql分布式主键_技术分享 | 优化 InnoDB 的主键
  20. Hacksudo—fog

热门文章

  1. display:table的几个用法
  2. IO-00. Hello World! (5)
  3. ASP网站实现防止被采集
  4. 如何编写用户操作手册
  5. C#接口中为什么不能像java那样使用static?
  6. IOS基础之datePicker的使用
  7. PHP语法,变量,cookie小结
  8. 微服务的好处与弊端_在云原生时代,就一定要用微服务吗?
  9. Android开发之自定义AlertDialog的大小
  10. HTML5协议的,HTML5新增协议:WebSocket协议的实例