jquery----基础

手册：https://www.w3school.com.cn/jquery/jquery_selectors.asp

 

 导入js/css文件：

<script type"text/javascript" src="JS文件"></script>
<link rel = "stysheet",href= "/static/index.css/">

　　

 操作：

操作

操作属性

#获得属性值
$("img").attr("width");  
#设置属性值
$("img").attr("width","180"); 
删除属性名
$("img").removeAttr(属性名)

#属性的返回值的是布尔类型,单选，反选，取消的例子
prop(属性名|属性值)
removeProp(属性名)

操作class

#addClass()方法向匹配的元素增加指定的类名(一个或多个)、注意对于元素来说、class属性可以有多个值、该方法不会移除已经存在的值、而是在原有的基础上追加一个或多个class属性
$(".XX").addClass("xxx");
#
$(".XX").removeClass("xxx");
#toggleClass()方法对被选元素的一个或多个类进行切换(设置或移除)、该方法检查每个元素中的指定类、如果存在则删除、如果不存在则添加、通过添加参数,可以设置只进行删除或者只进行添加操作、switch值为true时、只添加、为false时、只删除
$(".XX").toggleClass("xxx",switch);
#
$(".XX").hasClass("xxx");
#清空所有的class，重新赋值
$(".XX").attr("class","xxx");

操作css

https://www.cnblogs.com/yanxiaoge/p/10561055.html

操作标签 

删除

#删除被选元素及其子元素。
$("#div1").remove(); 
#删除被选元素的子元素
$("#div1").empty();       
#删除 class="italic" 的所有 <p> 元素： 
$("p").remove(".italic");  

更多

内部插入
    A.append(B)       把B添加到A的后面
    A.appendTo(B)     把A添加到B的后面
    例子：$("<option value='" + k + "'>" + v + "</option>").appendTo($("#bankType"));
    A.prepend(B)      把B添加到A的前面
    A.prependTo(B)    把A添加到B的前面
外部插入
    A.after(B)        把B添加到A的后面
    A.insertAfter(B)  把A添加到B的后面
    A.before(B)       把B添加到A的前面
    A.insertBefore(B) 把A添加到B的前面
包裹
    wrap(html|ele|fn)
      A.wrap(B)  --> B包A
    unwrap()   不抱
      - 不要加参数
    wrapAll(html|ele)  都包(作为整体包)，只包你选中的那个
    wrapInner(html|ele|fn)  里面包
替换
    replaceWith(content|fn)
      A.replaceWith(B)  --> B替换A

    replaceAll(selector)
      A.replaceAll(B)   --> A替换B
删除
    empty()
      - 清空 内部清空
    remove([expr])
      - 删除 整体都删除
    detach([expr])
      - 剪切  多保存在变量中，方便再次使用
    克隆/复制
    clone([Even[,deepEven]])    

　　

操作表单

#重置表单中的数据
$("#bindPhoneForm")[0].reset();  

　　

 函数：

函数

$(function () {
　　//等页面加载完毕执行
})

循环

$.each(数组/对象, function(i, v){})

$("div").each(function(){})