JQuery高级

Jquery操作标签样式

动态修改CSS样式:
	标签的Jquery对象.css("属性名","属性值");//修改属性
获取其css样式:
 var 属性值 = 标签的Jquery对象.css("属性名");

jQuery的Dom操作

尾部添加节点

append(添加的节点对象)
	父容器标签JQ对象.append(添加的)

插入节点


子标签.before(添加的子节点);//在子标签前插入要添加的节点
要添加的节点.insertBefore(子标签)//将添加的标签添加到子标签之前
子标签.after(要添加的子节点)//在子标签之后插入节点
要添加的子节点.insertAfter(子标签)将添加的标签添加到子标签之后
父标签.prepend(要添加的子节点);//头部插入

替换节点

子节点.replaceWith(替换后的节点)

删除节点

节点.remove();//删除某一节点
节点.empty();

节点包裹

node1.wrap(node2);用node2,包裹node1
node.unwrap();//删除node的父节点

Jquery事件


文档加载事件
	文档加载完成后出发
	$(decument).read(function(){}) 
获取焦点
		获取焦点时出发
	  语法:
	    $("选择器").focus(function(){})
失去焦点
      当输入框失去焦点
      $("选择器").blur(function(){})
点击事件
      $("选择器").click(function(){})
双击事件
      $("选择器").dblclick(function(){})
键盘按下事件
      $("选择器").keyDown(function(){})
鼠标移入
      当鼠标移入时
      $("选择器").mouseenter(function(){})
鼠标移出
      当鼠标移出时
      $("选择器").mouseleave(function(){})
内容改变事件
当输入框中内容发生改变,并失去焦点时出发
      $("选择器").change(function(){})

事件的打开与关闭

  $("选择器").off("事件名");
  
  $("选择器").on("事件名",function(ev){})

获取发生事件的标签对象

this:
	$(this)//谁发生事件,他就代表谁

Jquery动效

显示隐藏
    显示: show()
    隐藏: hide()
淡入淡出
    淡入: fadeIn(时间)
    淡出: fadeOut(时间)
滑入滑出
    滑入: slideDown()
    滑出: slideUp()

jQuery的Ajax

ajax函数

$.ajax({
    url:"请求url?param1=v1", //url ajax请求的目标服务器地址
    type:"get|post", //type 指定请求方式
    headers:{ //headers 设置请求头参数
      key1:"value1",
      key2:"value2"
    },
    data:{ //data 传递的参数
      key1:"v1",
      kye2:"v2"
    },
    contentType:"application/json", //contentType 请求上传的数据类型
    dataType:"application/json", //dataType 预期的服务器响应的数据类型
    processData:false, //processData 设置数据是否压缩传输
    success:function(res){ 
      //success ajax请求成功后执行,参数res就是服务器返回的数据
    },
    error:function(e){ 
      //error ajax请求出现错误执行,参数e表示异常信息对象
    }
});

get函数

$.get(url,data,success(response,status,xhr),dataType)
url:请求地址,必传
data:上传的参数,,可选
success:请求成功时运行的函数。可选
    response:响应的内容
    status:响应状态
    xhr:包含XMLHttpRequest对象
dataType:服务器响应的数据类型,默认执行智能判断.可以写json、text、html,xml等

post函数

$.post(url,data,success(response,status,xhr),dataType)
url:请求地址,必传
data:上传的参数,,可选
success:请求成功时运行的函数。可选
    response:响应的内容
    status:响应状态
    xhr:包含XMLHttpRequest对象
dataType:服务器响应的数据类型,默认执行智能判断.可以写json、text、html,xml等

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 《jQuery高级编程》是一本面向有一定前端开发基础的读者,深入探讨jQuery框架的高级应用与技巧的书籍。这本书内容广泛且深入,包括了jQuery的核心原理、高级选择器、动画效果、Ajax异步请求、事件处理、插件开发等等。 该书首先详细介绍了jQuery的核心原理和基础知识,深入探讨了jQuery选择器的使用技巧和优化方法。接着,书中介绍了如何使用jQuery创建各种动画效果以及如何优化动画性能。此外,还介绍了jQuery的事件处理机制和常见事件处理方法,以及如何使用事件委托和自定义事件。 更进一步,书中还详细讲解了如何使用jQuery实现Ajax异步请求,包括Ajax的基本使用、处理返回数据、错误处理等。此外,书中还介绍了如何进行跨域请求、使用JSONP等相关技术。 最重要的是,该书还涉及了如何开发jQuery插件,包括插件的基本结构、常见插件开发模式、插件的封装和发布等。还介绍了一些实用的jQuery插件,包括轮播图插件、日期选择插件、表单验证插件等等。 总之,《jQuery高级编程》是一本面向有一定基础并希望深入学习jQuery的读者的高级教程。通过阅读该书,读者能够系统地学习和掌握jQuery高级应用与技巧,提升自己在前端开发中的能力和水平。 ### 回答2: 《jquery高级编程》是一本面向中高级开发者的jQuery编程指南。本书主要包括了jQuery高级特性、设计模式、插件开发等内容,适合读者已经具备一定jQuery基础并想要深入学习和掌握该库。 首先,本书从jQuery的基础开始介绍,包括选择器、操作DOM元素、事件处理等内容。然后,逐步深入讲解了jQuery高级特性,如元素动画、效果与动画、Ajax和延迟对象等。通过阅读本书,读者能够对jQuery的核心功能有更深入的理解,并能够运用到实际项目中。 同时,本书还介绍了一些常用的设计模式和最佳实践,帮助读者写出更加优雅、高效的代码。书中也提供了大量的示例和案例,让读者可以更好地理解和应用所学知识。 此外,本书还涵盖了插件开发和扩展jQuery的内容。通过学习如何编写自己的插件,读者能够将jQuery的功能扩展到更广泛的应用场景中,提高开发效率和代码质量。 总而言之,《jquery高级编程》是一本系统全面的jQuery开发指南,适合有一定基础的开发者进一步深入学习并提升技术水平。无论是理论还是实践,本书都能给读者提供宝贵的指导和帮助。 ### 回答3: 《jQuery高级编程》是一本专门介绍jQuery技术的书籍。作为一本高级编程指南,这本书不仅向读者介绍了jQuery的基础知识和常见用法,还深入探讨了更高级的概念和技术。本书的作者具有丰富的经验和深入的理解,为读者提供了极为实用和有洞察力的内容。 在《jQuery高级编程》中,读者将学习到如何使用jQuery来创建交互性强、动态性强的网页。书中提供了大量的代码示例和练习,帮助读者理解和掌握jQuery的各种功能和方法。同时,该书还介绍了jQuery的一些高级特性,如插件开发、事件委托、动画效果和Ajax技术等。 除了介绍和讲解基础知识外,本书还讨论了一些最佳实践和性能优化的方法。通过学习这些技巧,读者可以更好地使用jQuery和其他相关技术,提高网页的加载速度和用户体验。 总的来说,如果你已经熟悉基础的jQuery知识,想要进一步提升自己的技能并深入理解jQuery的原理和应用,那么《jQuery高级编程》是一本非常值得推荐的书籍。无论是前端开发人员还是对网页交互性感兴趣的读者,都能从中获得丰富的知识和实用的技巧。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值