jquery个人总结

1. 节点：元素节点 属性节点 文本节点
2. dom 文档对象模型
3. console.log(“听课”); 输出括号里的内容
4. alert(“你好”) 弹出弹出框
5. document.title 获取文档标题.
6. toggleClass 添加删除类名
7. $(".box").bind(“click”,function(){
   $(this).css(“background-color”,“yellow”) 事件绑定
   })
8. <script src="script/jquery.js"></script> 引用 写在body里面 结构下面

<script><br> $(".box") 格式 </script>
<script src="script/jquery.js"></script>

9. 放在head里面

    $(function(){
        $(".box").css("background-color","red");            放在head里面
    });

10. $(".box").css(“background-color”,“green”); 改变颜色

11. 过滤选择器：
    $(“div:last”) 选择下面的 最后一个
    $(“div:first”) 选择上面的 第一个
    li:first-child" 改变列表的第一个
    li:last-child" 改变列表的最后一个
    li:nth-child(3)" 可选择的

12. $(".box").css({“background”:“red”,“width”:“200px”,“height”:“300px”}) 样式

13. click（） 点击事件

14. $(".box").click(function(){
    $(".box").css(“background-color”,“yellow”); 点击变色
    });

15. $(this) 这个元素

16. .height() 方法 改变元素的高度
    $(“p”).height(“200px”);

17. 在jQuery中，attr()函数和prop()函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。
    attr()函数主要依赖的是Element对象的getAttribute()和setAttribute()两个方法。prop()函数主要依赖的则是JS中原生的对象属性获取和设置方式。
    .attr() 获取或改变属性节点（元素节点 属性节点 文本节点）
    $(this).attr(“src”,“images/2.jpg”)

18. .index() 获取相对应元素的索引值
    $(this).index();

19. var ind = $(this).index(); var 变量 ind 变量名（不能用数字） = 赋值

20. var src = “images/” + ind +".jpg"; 目标路径

21. .addClass() 添加一个类 括号里是类名 加双引号("") 没有点（.）

22. $(this).addClass(“active”);

23. .siblings() 同级元素

24. .removeClass() 删除类名

25. .hide() 隐藏（单位毫秒）
    $(".box").hide(2000)

26. .show() 显示 （单位毫秒）
    $(".box").show(2000)

27. .fadeIn() 渐入
    $(".box").fadeOut(2000);

28. .fadeOut() 渐出
    $(".box").fadeIn(2000);

29. .slideUp(2000) 上卷
    $(".box").slideUp(2000);

30. .slideDown(2000) 下拉
    $(".box").slideDown(2000);

31. .toggle() 切换隐藏和显示
    $(".box").toggle(2000);

32. .fadeToggle() 切换渐出和渐入
    $(".box").fadeToggle(2000);

33. .slideToggle(） 切换上卷和下拉
    $(".box").slideToggle(2000);

34. .animate() 自定义动画
    $(".box").animate

({marginLeft:“200px”,width:“300px”,height:“350px”,opacity:“0.5”},2000);

35. .mouseenter() 鼠标移入事件

$(".box").mouseenter(function(){
$(this).css(“background-color”,“yellow”)

36. .mouseleave() 鼠标移出事件

37. .find() 寻找子孙级的元素

38. .stop() 结束之前的动画

39. eq() 根据索引匹配相关元素

var ind = $(this).index();
$(“div”).eq(ind)

40. dom 文档对象模型

41. .append() 在文本后面追加内容

42. .prepend() 在元素的前边添加

43. .before(li) 被选元素的前面添加

44. .after(li) 别选元素后边添加

45. .parent() 父级元素

46. .remove() 删除被选元素以及子级元素

$(".list span").click(function(){
$(this).parent().remove();
});

47. .empty() 清空 .清空被选子级元素

48. .val() 设置或获文本值取
    var val = $("#txt").val();

49. .text() 获取或改变文本节点 添加文本节点

50. .clone() 复制节点

$(this).clone(true).appendTo(“ul”); 加ture后添加的也能被复制

51. .appendTo() 追加到
    .appendTo(“ul”)

52. .wrap() 包裹节点
    $(“strong”).wrap("

    ")

53. .replaceWith() 替换节点
    $(“p”).replaceWith§;

54. .bind 事件绑定
    $(".box").bind(“click”,function(){
    $(this).css(“background-color”,“yellow”)
    })
    .blur() 失去焦点时触发事件

55. .focus()
    获取焦点事件

.focus(function(){
$(this).css(“background-color”,“yellow”)
});

56. .change() 当文本域被使用时触发该事件

$(".txt").change(function(){
$(this).css(“background-color”,“yellow”)
})

56. .unbind() 事件解绑 ()里的参数是事件类型

$("#btn1").unbind(“click”);

57. .delegate() 事件委托

第一个参数是委托的元素对象
第二个参数是事件类型
第三个参数是一个函数

$(“ul”).delegate(".del",“click”,function(){
$(this).parent().remove();
})

58. .mousemove() 鼠标移动事件

59. .event 事件对象，纪录时间当前的状态

event.pageX; 获取x轴坐标
event.pageY; 获取y轴坐标

60. .fadeTo 设置元素透明度 遮层

$(this).fadeTo(400,0.5)
$(this).fadeTo(400,1)

61. .scroll() 滚动事件

62. $(document) 浏览器文本对象

    var z;		全局变量
    $(".list option").click(function(){
        z = $(this)
    
    });
    $(".btn").click(function(){
        $(".list1").append(z)
        z.appendTo(".list1")
    });
    

63. .scrollTop() 获取向上滚动距离

64. if(判断条件){
    执行语句1 判断语句
    }else{
    执行语句2
    }
    当满足小括号里的判断条件，
    就执行语句1
    否则执行语句2

65. $(window).scroll 滚动事件用 windows
    $(“html,body”).animate({scrollTop:350}) 用于文档某个元素

$(".my-check").attr(“checked”,true) 全选 true 真
$(".my-check").attr(“checked”,false) 全部选 false 假

67. .each() 为每一个匹配的元素执行函数 循环

.prop 设置属性节点

$(this).prop("checked",!$(this).prop(“checked”))

! 非 反的

odd 奇数行
even 偶数行

.on() 事件绑定

$(“input”).on(“click”,function(){

})

.load 加载时的效果

this 是 html 对象

$(this) jquery 方法

x++ 加1
x-- 减1

.mouseover 鼠标移入事件

不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。

只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。

mouseout 鼠标移出事件

不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。

只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。

var x=0
$(".plus").click(function(){
var num = ++x 点击加1
$(“span”).text(num)
});
$(".btn").click(function(){
if (x>0) {
var num = --x
$(“span”).text(num) 点击减1
} else{};

    });

resize 尺寸
KaTeX parse error: Expected '}', got 'EOF' at end of input: … if ((this).width()>700) {
$(“ul”).css(“display”,“block”)
} else{};
});