您当前的位置: 首页 >  壹小俊 jquery

Jquery第一课---基础,使用

壹小俊 发布时间:2019-09-17 21:49:16 ,浏览量:2

a.
jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。

b.
先去jquery官网下载,或者使用在线jq。

c.语法
基础语法: $(selector).action()
    美元符号定义 jQuery
    选择符(selector)"查询"和"查找" HTML 元素
    jQuery 的 action() 执行对元素的操作
文档就绪事件:
$(document).ready(function(){
   // 开始写 jQuery 代码...
});
这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。
简洁写法(与以上写法效果相同):
$(function(){
   // 开始写 jQuery 代码... 
});

d.jQuery 选择器
元素选择器 $("p")
#id 选择器 $("#test")
.class 选择器  $(".test")
语法                        描述    
$("*")                        选取所有元素    
$(this)                        选取当前 HTML 元素    
$("p.intro")                选取 class 为 intro 的

元素    
$("p:first")                选取第一个

元素    
$("ul li:first")            选取第一个

    元素的第一个
  • 元素    
    $("ul li:first-child")        选取每个
      元素的第一个
    • 元素    
      $("[href]")                    选取带有 href 属性的元素    
      $("a[target='_blank']")        选取所有 target 属性值等于 "_blank" 的 元素    
      $("a[target!='_blank']")    选取所有 target 属性值不等于 "_blank" 的 元素    
      $(":button")                选取所有 type="button" 的 元素 和 元素    
      $("tr:even")                选取偶数位置的 元素    
      $("tr:odd")                    选取奇数位置的 元素

      e.jQuery 事件
      鼠标事件        键盘事件    表单事件    文档/窗口事件
      click               keypress     submit        load
      dblclick           keydown     change        resize
      mouseenter    keyup         focus        scroll
      mouseleave                       blur        unload
      hover

关注
打赏
查看更多评论

壹小俊

暂无认证

  • 2浏览

    0关注

    857博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文
立即登录/注册

微信扫码登录