jQuery
概念:他是一个快速的小巧的功能丰富的js库。
jQuery暴露一个对象给window---$
学习里面的属性和方法
1.1特点:
1、独特的选择器
2、链式的dom操作
3、事件绑定的机制
4、出色的浏览器兼容性
5、封装完善的ajax请求
开发使用js 上传使用min.js
jQuery的选择器
选择器,一种匹配模式 匹配规则 用来匹配元素
作用:查找元素
语法:
$(选择器)=== jQery(选择器)
$===jQuery
id选择器==$(“#id”)
class选择器==$("#类名")
标签选择器==$(“标签名”)
$
jq
jquery转原生 jquery对象[0] jquery.get(0);
原生转jquery $(box)
各自对象只能使用各自对象的方法
this===原生对象
$(this)jq对象
操作class
添加类名 jQuery对象.addClass("类名 类名");
删除类名 jQuery对象.removeClass();不传参数 删除所有类
removeClass(“类名”);
3判断 jq对象.hasClass("类名"); 是否含有该类名 返回值是boolean
切换 jq对象.toggleClass("类名") 有就删除 没有就添加
操作样式
1、获取样式
jq对象.css("样式名")
2、设置
jq对象,css("属性名",“属性值”)
jq对象.css({
"key":"值1",
"key2":"值2",
。。。。。
});
操作属性
自定义属性
jq对象.attr("属性名")
拿到值
jq对象。attr(“属性名”,属性值);单个属性的设置
jq对象.attr({
})多个属性设置
标准属性)
jq对象.prop("属性名");
jq对象.prop("属性名",属性值);
jq对象.prop({
});(name属性不能修改
操作文本:
操作纯文本
text();--textContent innerText
可以解析标签的
html(); innerHTML
表单标签
val();--value
入口函数
1、$(function(){
})
2、$(document).ready(function(){
})
选择器拓展
:input所有的表单标签 select input button textarea
样式拓展
jQuery隐式遍历
遍历
jQuery.each();
|