ImmortalSYM的博客

Ajax Ajax简介 —Ajax是前端相关技术，可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术，实现异步请求；例如淘宝页面的搜索框下面的提示框会根据搜索框内容的不同而改变，但是并没有重新加载页面； —Ajax请求数据需要五个步骤： 【1】创建一个Ajax异步对象； 【2】设置请求方式和请求地址； 【3】发送请求； 【4】监听状态的变化； 【5】处理服务器返回的结果； 实现Ajax请求实例 window.onload = function(){ var btn = doc

jQuery-jQuery插件 扩展插件 扩展jQuery对象的方法 —语法：$.fn.extend(object) —这里面的this为jQuery对象，即$(xxx) —例如为jQuery对象添加功能方法，调用时$().fn()： (function(){ //扩展jQuery对象的方法 $.fn.extend({ //增加全选功能 checkAll:function(){ //当前this为jQuery对象 this.prop('checked',true)

jQuery-效果 内置动画 淡入淡出 —淡入淡出效果是通过不断改变元素的透明度(opacity)来实现的；以下函数可以传递参数：切换速度、切换效果和回调函数； —fadeOut()：淡出动画效果； —fadeIn()：淡入动画效果； —fadeToggle()：自动切换淡入淡出效果； 滑动 —滑动动画效果是不断改变元素的高度实现的； —slideDown()：展开动画效果，向下滑动； —slideUp()：收缩动画效果，向上滑动； —slideToggle()：自动切换展开和收缩动画效果；

jQuery-CSS和事件处理 CSS样式操作 —读取CSS样式语法：css('样式名字符串') —设置CSS样式语法：css('样式名字符串','设置的样式字符串') —另外css()里面传递的参数可以为一个封装所有设置样式的对象；例如： <script> $('p:eq(1)').css({ color:'red', background:'blue', width:300, height:100 }) </script>

jQuery-选择器 jQuery选择器 —选择器本身只是一个有特定语法规则的字符串，没有实质用处；用于查找页面中特定元素； —他的基本语法规则为CSS选择器语法，并进行扩展； —只用调用$()，并将选择器作为参数传入才能起作用； —$(selector)：根据选择器规则在整个文档中查找所有匹配的标签的伪数组，并封装jQuery对象返回； —选择器分类：基本选择器、层次选择器、过滤选择器、表单选择器； 基本选择器 id选择器：$('#id名')； 元素选择器：$('元素名') 属性选择器：$

jQuery—基本简介 jQuery简介 —jQuery主要的功能为CRUD—增删改查，其中最基本的功能为查找元素； —官方网址：https://jquery.com/ —jQuery是一个优秀的js函数库，封装了BOM/DOM函数，主要是DOM封装库；使用jQuery的网站超过90%，中大型WEB项目开发首选；Write Less Do More!!! —jQuery特点：HTML元素选取（选择器）、HTML元素操作、CSS操作、HTML事件处理、链式调用、读写合一、隐式遍历、浏览器兼容、易扩展插件