html操作
获取/设置h1元素的文本值
text() 获取所选元素的文本(注意只有文本,如果元素内嵌了其他html标记,无法获取)
html() 获取所选元素的内容(获取所有内容,包括标记等内容,相当于把元素两边的标记去掉,剩下所有内容被拿到)
val() 只获取表单元素的内容,一般元素的值无法获取
以上,在获取后,如果想改表对应元素的对应值,在括号内传值即可。text只传文本,如果写了html标记,不会被解析(相当于标记被/转义了)
js jQuery
innerTEXT text()
innerHTML html()
value val()
html的添加元素
js的添加元素
append() 在元素内添加元素,从上往下依次添加
preend() 由下往上依次田鸡
after() 在之后
before() 在之前
html/jQuery的删除元素
remove() - 删除被选元素(及其子元素)【有过滤功能】
不只是筛选器的移除,而是从页面中删除对应项
empty() - 从被选元素中删除子元素
清空对象内的内容
CSS操作
$(选择器).css(设置样式) 如果元素没有样式,通过此直接设置样式,如果样式已存在,并且没传值,则回传样式
addClass() 给被选元素添加类属性,一般该类属性有CSS样式设置,因此等于设置了样式
removeClass() 从被选元素删除一个或多个类属性
toggleClass() 对被选元素进行添加/删除类属性的切换操作
事件操作
鼠标事件 | 键盘事件 | 表单事件 | 文档/窗口事件 |
---|---|---|---|
click | keypress | submit | load |
dblclick | keydown | change | resize |
mouseenter | keyup | focus | scroll |
mouseleave | blur | unload | |
hover |
JS动画
参见以下说明:
动画
eg:
hide([毫秒数],[success-function]) 隐藏元素,在指定毫秒数内渐变性的隐藏,仅仅隐藏显示,占位不影响
show([毫秒数],[success-function]) 显示元素
stop() 停止动画 $("#panel").stop(); 停止id为panel的元素正在进行的动画
each() 遍历dom元素
each(function()) 让被遍历的每个元素均执行指定的函数function