jQuery
关注
分享
扫一扫
Haris Ha
这个作者很懒，什么都没留下…
展开
-
jQuery复习总结（一）起步
近几日在用bootstrap开发项目，因为框架里js效果是基于jQuery来实现的，就决定从头整理一下jQuery什么是jQueryjQuery是一个快速、简洁的JavaScript框架,jQuery设计宗旨是：Write Less,Do More（写更少的代码,做更多的事情）jQuery优势1.轻量级，话不多说看大小2.兼容主流浏览器jQuery 团体知道JS在不同浏览器中存在...原创 2018-12-13 15:41:33 · 385 阅读 · 3 评论 -
jQuery复习总结（二）选择器 详细实例代码+截图调试（迅速入门掌握）
常用选择器Basics$(‘code’) ——元素选择器JavaScript原生方法实现在DOM中选择指定类型元素document.getElementsByTagName("tagName")jQuery简化后$("p") — 选择<p>标签元素 $(&quo原创 2018-12-13 20:09:22 · 429 阅读 · 0 评论 -
jQuery复习总结（三）事件处理 详细实例代码+截图调试
总概我们常说响应一词，与事件息息相关事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用鬼知道这一句话想表达什么，更通俗一点的是“鼠标移到这个段子上了”、“鼠标点了这个按钮”、“键盘按下了组合键”等等触发事件，也就开始调用函数和进行操作了…以上是jQuery中常用的事件处理$(document).ready(function)$(...原创 2018-12-13 21:34:38 · 356 阅读 · 0 评论 -
jQuery复习总结（九）jQuery最好的练习 （to do list项目 源码解析）
通过前面的复习，这里做一个jQuery的练习，制作一个网页版的to do list四个步骤逐步完成整个项目第一步：完成基本的页面布局大致是四个区域，分别是待处理、正在处理、已完成和最后的项目添加区域，为其简单的设定css和日期选择器<!DOCTYPE html><html> <head> <meta charset="原创 2018-12-19 21:02:30 · 886 阅读 · 1 评论 -
jQuery复习总结（四）DOM操作 详细实例代码+截图调试
jQuery DOM 操作jQuery 中非常重要的部分，就是操作 DOM（Document Object Model） 的能力test()、html() and val()text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值获取内容：<html> <he...原创 2018-12-14 19:28:57 · 359 阅读 · 0 评论 -
jQuery复习总结（五）动画效果 超详细实例代码+截图调试
jQuery 动画（动起来）显示、隐藏、开关滑动、淡入、淡出，还有自定义动画基本动画（show、hide和toggle）$(selector).hide(speed,callback);$(selector).show(speed,callback);$(selector).toggle(speed,callback);show、hide很好理解就是显示隐藏，toggle是开关，显示...原创 2018-12-14 20:47:05 · 461 阅读 · 0 评论 -
jQuery复习总结（六）ajax异步请求 详细实例代码+截图调试+ajax原生讲解
ajax异步请求原生ajaxAJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新，这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新XMLHttpRequest ...原创 2018-12-17 13:50:45 · 357 阅读 · 0 评论 -
jQuery复习总结（七）UI小部件 详细实例代码+截图调试
jQuery UI 是一个建立在 jQuery JavaScript 库上的小部件和交互库jQuery UIjQuery UI 特性jQuery UI 下载下载生成器jQuery UI实例拖动（Draggable）在任意的 DOM 元素上启用 draggable 功能。通过鼠标点击并在视区中拖动来移动 draggable 对象<html> <he...原创 2018-12-17 17:33:03 · 683 阅读 · 0 评论 -
jQuery复习总结（八）编程规范 让代码从二比变为文艺++++
jQuery编程规范DOM MANIPULATION二比// Set's an element's title attribute using it's current text$(".container input#item").attr("title", $(".container input#item").text());// Set's an element's text co..原创 2018-12-17 19:52:42 · 202 阅读 · 0 评论