JQuery复习重点（一）

  • jQuery的引用
    • 使用时首先添加引用文件在head里面。
1 <head>
2 <script type="text/javascript" src="jquery.js"></script>
3 </head>

 

  • jQuery库
    • 库可以这样看，jquery是JavaScript的一个库。
    • 还要下载JQuery库可以再官网下载，提示建议下载最新版的上一版本。
    • 如果不愿意下载可以使用微软的谷歌的在线库
    • 最后引用库文件
  • 语法解析：有一部分语法是主谓宾结构很好学，有一部分语法是和Java很像，复杂的调用传参。 
    • 1 $(选择器).action()；
    • 简单与法就是选择HTML元素，加点，之后进行操作
  • 举例:隐藏p标签，hide（）是隐藏。是主谓宾结构，主语p.谓语hide(宾语)
    • 　　 
      $("p").hide()
  • JQuery选择器
    • 元素选择器：用 CSS 选择器来选取 HTML 元素。
    • 属性选择器:XPath表达式是什么：用 XPath 表达式来选择带有给定属性的元素。（这个和HTMLCSS不像！！！，需要单独学）
      • $("[href]") 选取所有带有 href 属性的元素。
      • $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
      • $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
      • $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
    • CSS 选择器：用于改变 HTML 元素的 CSS 属性。
      • 　语法就是 // 小明 点 画画（水，绿）//
      • $("p").css("background-color","red");
    • 重点
      • $(this)在事件内使用，比如点击事件
      • $("p.intro")重点是intro类中的p标签，交集选择器
    • JQuery和css在HTML文件中一样，有内部文件和外部引用两种。
      • 　　不要忘记加入家在函数
      • $(function(){
        //在这里写入代码
        });

         

 

posted @ 2017-12-10 08:37  程序员猞猁娃  阅读(134)  评论(0)  编辑  收藏  举报