参考菜鸟教程
/* Jquery通过选取HTML元素,并对选取的元素执行某些操作。
基础语法:$(selector).action
- 美元符号定义jQuery
- 选择符(selector)"查询"和"查找"HTML元素
- JQuery的action()执行对元素的操作
实例:
- $(this).hide()-隐藏当前元素
- $(“p”).hide()-隐藏所有<‘p’>元素
- $(“p”).click()-选中点击的<‘p’>元素
- $(“p.test”).hide()-隐藏所有class="test"的<‘p’>元素
- KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲test").hide()-隐…(document).ready(function(){//开始写jQuery代码});
这是为了防止文档在完全加载(就绪)之前运行jQuery代码,
即DOM加载完成后,才可以对DOM进行操作。如果一个文档没有完全加载之前就运行函数,
操作可能失败。下面是两个具体的例子:
- 试图隐藏一个不存在的元素
- 获得未完全加载的图像的大小
简洁写法(与上面写法效果完全相同):(document).ready(function(){});
以上两种方式可以选择你喜欢的方式实现文档就绪后执行jQuery方法
*/
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
}
);
</script>
效果