jQuery 入口函数与 JavaScript 入口函数的区别:
jQuery 的入口函数是在 html 所有标签(DOM)都加载之后,就会去执行。
JavaScript 的 window.onload 事件是等到所有内容,包括外部图片之类的文件加载完后,才会执行。
$(":button")
选取所有 type="button" 的 <input> 元素 和 <button> 元素
引用js
<script src="my_jquery_functions.js"></script>
引用jsp
<%@include file="image.jsp" %>
event.preventDefault();
阻止表单提交
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
$("#runoob").attr("href");
显示id为runoob属性href的值。
attr 和 prop 的区别介绍:
对于 HTML 元素本身就带有的固有属性,在处理时,使用 prop 方法。
对于 HTML 元素我们自己自定义的 DOM 属性,在处理时,使用 attr 方法。
<a href="https://www.runoob.com" target="_self" class="btn">菜鸟教程</a>
这个例子里 <a> 元素的 DOM 属性有: href、target 和 class,这些属性就是 <a> 元素本身就带有的属性,
也是 W3C 标准里就包含有这几个属性,或者说在 IDE 里能够智能提示出的属性,这些就叫做固有属性。
处理这些属性时,建议使用 prop 方法。
<a href="#" id="link1" action="delete" rel="nofollow">删除</a>
这个例子里 <a> 元素的 DOM 属性有: href、id 和 action,很明显,前两个是固有属性,而后面一个 action 属性是我们自己自定义上去的,
<a> 元素本身是没有这个属性的。这种就是自定义的 DOM 属性。处理这些属性时,建议使用 attr 方法。
添加新的 HTML 内容
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
删除元素/内容
remove() - 删除被选元素(及其子元素)
jQuery remove() 方法也可接受一个参数,允许您对被删元素进行过滤。
在使用 remove() 的过滤器删除时,不能删除带有过滤器的子元素
empty() - 从被选元素中删除子元素
创建文本:
function appendText(){
var txt1="<p>文本1</p>"; // 使用 HTML 标签创建文本
var txt2=$("<p></p>").text("文本2"); // 使用 jQuery 创建文本
var txt3=document.createElement("p");
txt3.innerHTML="文本3"; // 使用 DOM 创建文本 text with DOM
$("body").append(txt1,txt2,txt3); // 追加新元素
}
jQuery 操作 CSS
addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性
向上遍历 DOM 树
parent()--父级
parents()--所有父级
parentsUntil()
向下遍历 DOM 树
children()
find()
缩小搜索元素的范围
三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。