- 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(){
//在这里写入代码
});