小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。
接前文继续来学习 jquery 学习小结
4、jquery 的页面加载和 js 页面加载的区别
jq :
$(document).ready(function(){
// ...
})
简写
$(function(){
// ...
})
jq 的页面加载函数中的代码 不需要等页面所有的内容全部加载完成后执行, 只要页面中某个元素的标签加载进来了,页面加载就执行了 执行速度快 jq 的页面加载函数可以有多个
5、jquery 中的样式操作
css() 用法 :
- .css("样式","值")
- css({ "样式":"值" ,"样式":"值",.....})
- .addClass("类名") 添加样式类
- .removeClass() 删除样式类
6、jquery 中查找元素下标
index() 查找该元素在同辈元素中的位置
如果括号中有参数,且参数是一个对象,查找该对象在原集合中的位置 且参数是一组对象,查找该组对象中的第一个对象在原集合中的位置
7、jquery 对象和 dom 对象的互换问题
dom 对象转成 jq 对象 : ().get(下标)---dom 对象 $()[下标] ---dom 对象
8、属性操作
attr() 获取或设置标签元素的属性 (该方法不能操作属性值是布尔类型的属性 比如 : checked 操作布尔类型属性 用 prop() ) 获取 : 对象.attr() 设置 : 对象.attr("属性","值") 对象.attr({ 属性 : 值, ... })
9、jquery 中的内容操作
标签 : html() 获取或设置 非表单元素的内容 text() 表单 : val() 获取或设置表单元素的内
10、jquery 的文档操作
-
pend()
-
appendTo()
-
prepend()
-
prependTo()
-
after()
-
insertAfter()
-
before()
-
insertBefore()
empty()清空 remove() 删除 clone() 克隆