六一快乐！！！
JQuery
功能
- HTML元素选取
- HTML元素操作
- CSS 操作
- HTML事件函数
通过JQ 选取（查询，通过什么来定位） HTML元素，并对他们执行操作（以什么样的形式）；
基本语法
$(selector).action()
选择器种类 → 选择器的多重选择
论选择器的重要性，这个东西很有意思，有很多细节的地方，在实践中掌握
$(this).hide() //this not that
$("p").hide() //<p></p>元素选择器
$(".test").hide() // class='test'类选择器
$("#test").hide() //id='test' unique id选择器
元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素
<script>
$(document).ready(function(){
$("button").click(function(){
$(this).hide(); //this → ???
});
});
</script>
</head>
<body>
<h2>这是标题</h2>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
<button>点我</button>
这个例子，主要是说明 this是指什么，在这里只button
文档就绪事件//入口函数？？？
$(document).ready(function(){
});
在DOM加载完之后，才可以对DOM进行操作。
DOM事件
- click() -- onclick
- 点击函数// 好像每个标签都有这个事件
- dblclick()
- focus() -- onfocus
- 鼠标点击选中元素
- tab键定位元素
- blur -- onblur
捕获
- text() 返回所选元素的文本内容
- html() 返回所选元素的所有内容
- val() 返回表单字段的值
- attr() 获取属性值
$("button").click(function(){
$("#runoob").attr({
"href" : "http://www.runoob.com/jquery",
"title" : "jQuery 教程"
});
});
网友评论