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. linux pppd源码下载_pppd源代码分析
  2. WZK的排名(jzoj 1995)
  3. NOIP模拟测试38「金·斯诺·赤」
  4. 我的世界java版和基岩版对比_基岩版Beta1.11.0.1发布
  5. 继承MonoBehaviour类的优缺点和相关报错
  6. 单元测试(UT)、功能测试(FT)(转)
  7. BZOJ 3401: [Usaco2009 Mar]Look Up 仰望( 单调栈 )
  8. php怎么定义会员时间为七天,php怎么定义会员时间为七天
  9. oracle 导出01455,使用exp命令导出报EXP-00008 和ORA-01455的解决方法
  10. 自然语言处理——BERT情感分类实战(一)之预处理
  11. python能做什么程序-Python可以被用来做哪些神奇好玩的事情
  12. Projecting Your View Attentively: Monocular Road Scene Layout Estimation via Cross-view Transformati
  13. Android隐藏app桌面图标
  14. 美团的2020年:千亿美元帝国的贪吃蛇游戏,气势汹汹也危机重重
  15. deeplearning.38序列模型(搭建RNN与LSTM应用实践)
  16. 【Mapreduce】Mapreduce实例——WordCount
  17. 讲真,这可能是博客图床最佳解决方案
  18. NFC-A/NFC-B/NFC-F 区别
  19. JavaScript经典案例:用户协议确认
  20. Python图形界面开发框架常用的八款工具包

热门文章

  1. Integer类源码浅析
  2. linux系统数据落盘之细节
  3. c#中WinForm中拖拽窗体实现移动功能(无边框模态窗体)
  4. C#中通过HttpClient发送Post请求
  5. TCP/IP协议与Http协议的区别详解
  6. ToolStrip和ToolStripButton的用法
  7. swift5.x基础知识入门
  8. 统计并输出某给定字符在给定字符串中出现的次数_查找常用字符
  9. latex中插图心得
  10. 深信服上网管理设备恢复出厂设置方法