jquery_基本语法2

// jqueyr遍历
.parent([expr])      // 直接父元素expr用筛选选祖先元素的表达式
.parents([expr])     // 所有的父元素, 
.children([expr])    // 取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。
.find(expr|obj|ele)  // 搜索所有与指定表达式匹配的元素。
  // expr:用于筛选的表达式，
  // obj: 一个用于匹配元素的jQuery对象
  // elle: 一个DOM元素

// 兄弟元素
.siblings([expr])  // 找到每个当前元素的其他所有同辈的元素。
.next([expr])      // 下一个兄弟元素
.nextAll([expr])   // 查找当前元素之后所有的兄弟元素。
.prev([expr])      // 上一个兄弟元素
.prevAll([expr])   // 查找当前元素之前所有的兄弟元素。

// 筛选
.eq(index|-index)  // 一个整数，指示元素基于0的位置,这个元素的位置是从0算起。负数，从集合中的最后一个元素开始倒数。(-1算起)
.first()           // 获取当前元素在集合中第一个元素
.last()            // 获取当前元素在集合中最后一个元素
.filter(expr|obj|ele|fn) // 筛选出与指定表达式匹配的元素集合。
  // expr: 字符串值，包含供匹配当前元素集合的选择器表达式。
  // obj: 现有的jQuery对象，以匹配当前的元素。
  // ele: 一个用于匹配元素的DOM元素。
  // fn: 一个函数用来作为测试元素的集合。它接受一个参数index，这是元素在jQuery集合的索引。在函数， this指的是当前的DOM元素。


// jquery效果
.hide([speed,[easing],[fn]])            // 隐藏显示的元素
.show([speed,[easing],[fn]])            // 显示隐藏的匹配元素。
.toggle([speed],[easing],[fn])          // 如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。

.fadeIn([speed],[easing],[fn])          // 通过不透明度的变化来实现所有匹配元素的淡入效果
.fadeOut([speed],[easing],[fn])         // 通过不透明度的变化来实现所有匹配元素的淡出效果
.fadeToggle([speed,[easing],[fn]])      // 通过不透明度的变化来开关所有匹配元素的淡入和淡出效果

.slideDown([speed],[easing],[fn])       // 通过高度变化（向下增大）来动态地显示所有匹配的元素
.slideUp([speed,[easing],[fn]])         // 通过高度变化（向上减小）来动态地隐藏所有匹配的元素
.slideToggle([speed],[easing],[fn])     // 这个动画效果只调整元素的高度，可以使匹配的元素以“滑动”的方式隐藏或显示。
  // speed: 三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如：1000)
  // fn:在动画完成时执行的函数，每个元素执行一次。
  // easing:(Optional) 用来指定切换效果，默认是"swing"，可用参数"linear"


// jQuery动画
.animate(params,[speed],[easing],[fn])  // 用于创建自定义动画的函数。
  // params: 一组包含作为动画属性和终值的样式属性和及其值的集合
  // speed: 三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如：1000)
  // easing: 要使用的擦除效果的名称(需要插件支持).默认jQuery提供"linear" 和 "swing".
  // fn: 在动画完成时执行的函数，每个元素执行一次。
.stop([clearQueue],[jumpToEnd])  // 停止所有在指定元素上正在运行的动画。
  // clearQueue:  如果设置成true，则清空队列。可以立即结束动画。
  // jumpToEnd:   如果设置成true，则完成队列。可以立即完成动画。


//  jQuery ajax, 不重新渲染页面的情况下，实现了对网页的局部渲染

// 载入远程 HTML 文件代码并插入至 DOM 中。默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式
.load(url, [data], [callback])  
  // url:待装入 HTML 网页网址。
  // data:发送至服务器的 key/value 数据。
  // callback:载入成功时回调函数。

//jQuery.get(url, [data], [callback], [type])
$.get("test.php", data => { alert("Data Loaded: " + data);});
  // url:待载入页面的URL地址
  // data:待发送 Key/value 参数。
  // callback:载入成功时回调函数。
  // type:返回内容格式，xml, html, script, json, text, _default。

// jQuery.post(url, [data], [callback], [type]) 通过远程 HTTP POST 请求载入信息。
$.post("test.php", data => {alert("Data Loaded: " + data);});


jQuery.ajax(url,[settings]) 
  // url:一个用来包含发送请求的URL字符串。
  // settings:AJAX 请求设置。所有选项都是可选的。
  // 详细配置参数，http://jquery.cuishifeng.cn/jQuery.Ajax.html
  // http协议，https://www.cnblogs.com/JunLan/p/12530857.html
jQuery.ajax({
  url: 'http:localhost:7001/index.html',
  type: 'post',
  dataType: 'json',
  data: {name: 'zhangsan', age: 18 },
  success: data=>{console.log(data)},
  error: err=>{console.log(err)},
});