前端记录5（JQ）

• 特殊效果：
  • fadeOut() 淡出
    fadeToggle() 切换淡入淡出
    hide() 隐藏元素
    show() 显示元素
    toggle() 切换元素的可见状态
    slideDown() 向下展开
    slideUp() 向上卷起
    slideToggle() 依次展开或卷起某个元素
• 属性操作：
  • html() 取出或设置html内容:

    • 取出html内容:

      var $htm = $('#div1').html();

    • 设置html内容:

      $('#div1').html('添加文字');

  • prop() 取出或设置某个属性的值

    • 取出图片的地址

      var $src = $('#img1').prop('src');

    • 设置图片的地址和alt属性

      $('#img1').prop({src: "test.jpg", alt: "Test Image" });

• 事件函数：
  • blur() 元素失去焦点
  • focus() 元素获得焦点
  • click() 鼠标单击
  • mouseover() 鼠标进入（进入子元素也触发）
  • mouseout() 鼠标离开（离开子元素也触发）
  • mouseenter() 鼠标进入（进入子元素不触发）
  • mouseleave() 鼠标离开（离开子元素不触发）
  • hover() 同时为mouseenter和mouseleave事件指定处理函数
  • ready() DOM加载完成
  • submit() 用户递交表单

转载于:https://www.cnblogs.com/being-a-tester/p/10399296.html