1.入口函数
$().ready(function(){}代表是入口函数
$(document).ready(function(){})需在调用jQuery之后
页面加载后调用的函数,在所有标签加载完之后,就会去执行$(function(){})
<script>
$(function(){
console.log("ready")
})
</script>
该方法只判断DOM元素是否加载完成
2.过滤器/筛选器
:odd奇数(下标)
:even偶数
标签过滤 .has
内容过滤 :contains()
可用表单元素过滤 :enabled
不可用表单元素过滤 :disabled
下拉列表被选中的数据过滤 :selected
选择框过滤 :checked
可见性过滤 :visible,form标签会被认为是可见的
过滤隐藏域:hidden
input type:hidden,不可见元素display:none
表单筛选器:input,选择所有的表单子标签,input select textarea button
input,选择所有input标签
3.属性的操作
对属性的设置,首先使用attr,如果attr不生效,再考虑prop
返回值attr为值,prop为boolean类型的值
.attr()
4.遍历
for循环遍历可以通用
数组遍历
this代表当前被遍历到的对象
$.each(要遍历的jquery对象(数组名等等),function(){
console.log(this)})
带索引遍历
jquery对象.each(function([index],[dom对象]){
//对每个元素的操作
});
对象还可以使用
$("标签名").each(function(){
console.log(this)})
5.对元素内容的操作
.html()方法设置内容的时候,如果有标签,会作为标签进行解析
.text()方法设置内容的时候,如果有标签,会作为普通文本进行解析
在获取的时候, html获取的源代码的内容, text只是获取的文本内容
6.文档的处理
后面追加append
前面追加prepend
after后面平级的兄弟节点
before前面平级的兄弟节点
7.事件切换
.hover()将二个事件函数绑定到匹配元素上,分别当鼠标指针进入和离开元素时被执行
8.插件
script导入一般写在body的最后
导入插件前先导入jquery
validation 表单form校验插件
9.元素转换
DOM对象转为jQuery对象,在变量名前加(domEle).jquery 可查看jquery版本号
jQuery对象转换为DOM对象,jEle.get(0)或jEle[0]. (.nodeType可查看DOM对象值,其值为1)
网友评论