jquery中文文档网址;https://jquery.cuishifeng.cn/
$();入口函数,调用jq的核心函数 .class:获取class的dom #id:获取id的dom对象
consloe.log(需要在控制台打印的dom对象或者变量);打印日志
jQuery核心函数可以接受的对象:1.接受函数$(".box1") 2.接受一个字符串或者字符串选择器
3.接受一个dom元素
这些直接在核心函数内部定义就行
jQuery对象是一个伪数组(由0到length-1的属性,并且有length属性)
jQuery创建类:function 类名(){}; 添加静态方法:类名.方法名=function(){}; 静态方法通过类名.直接调用:类名.方法名 实例方法:类名.prototype.方法名=function(){}; 实例方法通过类的实例调用 var a=new 类名();
a.方法名调用
js原生的forEach,map不能遍历伪数组
jquery遍历数组: 1.使用each静态方法遍历:$.each(arr,function(index,value)){console.log(index,value);} 这个方法可以遍历伪数组,原生的forEach遍历不能遍历伪数组
$.map(arr,function(value,index)){}; 也可以遍历伪数组 第一个参数(arr):要遍历的数组 第二个参数(function):每遍历一个元素后执行的回调函数 回调函数里面的参数: 第一个参数:遍历到的元素,第二个参数:遍历到的索引
jQuery中的foreach和map的区别:1. each默认的返回值就是遍历谁就返回谁,map默认返回一个空数组 2.each不支持在回调函数中对遍历的数组进行处理,map可以在回调函数中通过return对遍历的数组进行处理,并生成一个新的数组返回
jQuery中其他的静态方法:
1.去除字符串空格 var st=$.trim(变量名);需要用一个新的变量接收去除空格后的字符串
2.判断对象是不是window: var a=$.isWindow(要判断的值);返回值是布尔类型
3.判断对象是不是真数组: var a=$.isArray(要判断的值);返回值是布尔类型
4.判断对象是不是方法: var a=$.isFunction(要判断的值);返回值是布尔类型
5.暂停入口函数:$.holdReady(true);
找到包含指定子元素的指定元素
:has(selector); var $div=$("div:has(‘span‘)");找到div标签中包含span标签的元素
属性节点:在编写html代码中,在html标签中添加的属性就是属性节点,如:<span name="张三"></span>
操作属性节点:赋值:dom元素.setAttribute("属性名称","值");获取:dom元素.getAttribute("属性名称");
获取单选/复选框被选中的元素 $("A:checked"); let ins3 = $("input:checked");
下拉框被选中的元素 $("A:selected"); let select = $("select option:selected");
html() 获取div标签的文本内容let value = $("#div").html();
html(value) 设置标签的文本内容，解析标签
$("#btn2").click(function(){
//设置div标签的文本内容
//$("#div").html("我真的是div");
$("#div").html("<b>我真的是div</b>");}
1.attr(name,[value]) 获得/设置属性的值
//按钮一：获取输入框的id属性
$("#btn1").click(function(){
alert($("#username").attr("id"));
});
按钮二：给输入框设置value属性
$("#btn2").click(function(){
$("#username").attr("value","hello...");
});
removeAttr("name"),删除属性节点 会删除所有指定元素的属性节点$("span").removeAttr("class");会删除所有span标签的class节点,删除多个属性节点的话用name隔开removeAttr("class name id")
prop(name,[value]) 获得/设置属性的值(checked，selected)
prop(name)直接获取name属性的第一个值
按钮三：选中女
$("#btn3").click(function(){
$("#gender2").prop("checked",true);
});
//按钮四：选中本科
$("#btn4").click(function(){
$("#bk").prop("selected",true);
});
prop获取出来的是true和false,attr获取出来的是值
带选中状态的标签，比如：radio,checkbox,option,selected,disabled 标签的属性设置，推荐使用 prop(name,[value]) 和 removeProp():
其他标签使用：attr(name,[value]) 和 removeAttr() 即可
var select = $("select option:selected");