学习是一种习惯
html文档加载完之后再运行jQuery代码:
第一种方法:
$美元符号,用于访问jQuery库; document,文档对象; ready事件,定义文档就绪事件
第二种简便方法:
jQuery选择(查找)html元素,并对其进行修改:
selector为选择器(元素选择器,类选择器,id选择器....),用于查找html元素;action()表示要执行的动作( hide(), show(), html() 等 )
执行后的结果为:
选择器
选择器的其他语法:
常用选择器:
常用的选择器语法
attr()方法用于获取属性,并可修改属性值
removeAttr() 方法用于删除元素的任何属性.
html() 方法用于获取所选元素的内容，包括HTML标记
text()方法用于获取元素的文本内容,不包括HTML标记
例如:
HTML:
JS:
获取内容,并修改内容
val()方法，它允许我们获取和设置表单字段的值，例如: 文本框(input)，下拉列表(select) 等。
例如:
HTML:
JS:
你可以在val()方法传入参数来设置该字段的值.
当需要处理表单事件和验证时，获取和设置表单域的值非常有用。
以下jQuery方法可用于获取和设置所选HTML元素的内容和属性：
text() 设置或返回所选元素的文本内容。
html() 设置或返回所选元素的内容（包括HTML标签）。
val() 设置或返回表单字段的值。
attr() 设置或返回属性的值。
removeAttr() 删除指定的属性。
html() 和 text() 方法可以用于获取和设置所选元素的内容。
然而，这些方法用于设置内容时，现有内容将被覆盖。
jQuery具有用于向所选元素添加新内容而不删除现有内容的方法：
append() 在所选元素的末尾插入内容。
prepend() 在所选元素的开头插入内容。
after() 在所选元素之后插入内容。
before() 在所选元素之前插入内容。
例如:
HTML:
JS:
你还可以插入带有HTML标签的内容
结果为:
prepend
after() 在所选元素之后插入内容:
上边的JS改为:
结果为:
after()方法
append()，prepend()，before() 和 after() 方法也可用于添加新创建的元素
使用jQuery创建新HTML元素的最简单方法如下：
