
JQuery
一枝韩独秀
力争以易懂实例写最好的代码
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JQuery(学习笔记一)初识JQuery
一、JQuery语法 (1)基础语法: $(selector).function() $ 定义 jQuery selector查询元素 function() 执行对元素的操作 实例: $(this).function() -操作当前元素 $("p").function() - 操作所有 <p> 元素 $("p.test").function() - 操...原创 2018-08-28 14:32:29 · 1233 阅读 · 0 评论 -
JQuery(学习笔记二)JQuery常用效果
一、隐藏/显示 (1)使用hide/show //speed是时间,callback是回调方法 $(selector).hide(speed,callback); $(selector).show(speed,callback); 例子: $("button").click(function(){ $("p").hide(1000);...原创 2018-09-07 19:06:13 · 1202 阅读 · 0 评论 -
JQuery(学习笔记三)JQuery HTML操作
一、jQuery DOM 操作 (1)获得内容 //获得text $("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); //获得html $("#btn2").click(function(){ alert("HTML: " + $("#test"原创 2018-09-07 21:12:18 · 1102 阅读 · 0 评论 -
JQuery(学习笔记四)JQuery 结点遍历
一、向上遍历 DOM 树 parent() parents() parentsUntil() $("span").parent();//返回每个 <span> 元素的的直接父元素 $("span").parents();//返回所有 <span> 元素的所有祖先 $("span").parents("ul");//返回所有 <sp原创 2018-09-07 21:38:30 · 1097 阅读 · 0 评论 -
JQuery(学习笔记五)AJAX常用三种方法
一、 AJAX 简介 一句话:在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。 二、load() 方法 一句话:load() 方法从服务器加载数据,并把返回的数据放入被选元素中。 //把文件 "demo_test.txt" 的内容加载到指定的 <div> 元素中 $("#div1").load("demo_test.txt"); ...原创 2018-09-07 21:55:45 · 1675 阅读 · 0 评论 -
JQuery(学习笔记六)JQuery常用实例
几个简单例子的实现 (一)表格隔行变色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格隔行变色</title> <style>原创 2018-09-07 22:09:30 · 3788 阅读 · 0 评论 -
JQuery(学习笔记七)JQuery仿京东产品详情页面
主体模块 效果: 源码: https://download.youkuaiyun.com/download/weixin_42363997/10653458原创 2018-09-08 11:48:57 · 9006 阅读 · 1 评论