JQuery
百奇
这个作者很懒,什么都没留下…
展开
-
jQuery扩展
1、注意引入script的顺序<!--jQuery文件--><script src="http://127.0.0.1/web/jquery-3.3.1.js"></script><!--被引入的js文件即扩展的js文件--><script src="http://127.0.0.1/web/MyJquery.js">&a原创 2018-11-08 19:09:30 · 88 阅读 · 0 评论 -
jQuery Ajax 异步访问
服务器端的写法<?phpif(isset($_GET['name'])){ echo "Hello".$_GET['name']; }else{ echo" Args Error"; }?>前端<input type="text" id="namevalue"><br/><button id="原创 2018-11-08 18:46:05 · 150 阅读 · 0 评论 -
jQuery 标签
标签切换布局实现HTML<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><he...原创 2018-11-10 18:23:33 · 99 阅读 · 0 评论 -
jQuery效果
jQuery显示与隐藏两个按钮来控制显示与隐藏&lt;p&gt;Hello&lt;/p&gt;&lt;button id="hide"&gt;隐藏&lt;/button&gt;&lt;button id="show"&gt;显示&lt;/b原创 2018-11-07 18:46:14 · 86 阅读 · 0 评论 -
jQuery学习之HTML 捕获
一、捕获注意text()方法要加括号!$("#btn1").click(function(){ //点击按钮获取P元素中的内容 alert("text:"+$("#text").text()); });$("#btn1").click(function(){ //点击按钮获取HTML的内容 alert("text:"+$("#text").html()); });原创 2018-11-07 17:28:56 · 266 阅读 · 0 评论 -
JQuery学习笔记
1、jQuery库可以通过一行简单的标记被添加到网页中2、JQuery是一个JavaScript的函数库3、JQuery的功能:HTML元素选取HTML元素操作CSS操作HTML事件函数JavaScript特效和动画HTML DOM遍历和修改AJAX功能主要是在不刷新页面的同时来修改页面的内容将服务器所请求的数据直接显示在页面上,带来好的用户体验Utilities(提供的工具...原创 2018-11-07 10:37:33 · 112 阅读 · 0 评论 -
jQuery菜单(Menu)
实现效果:垂直菜单需要点击触发事件弹出子菜单水平菜单鼠标移动到菜单上就会弹出子菜单,鼠标移开 子菜单收起1.垂直菜单布局<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><link type="t原创 2018-11-09 23:14:31 · 1393 阅读 · 0 评论 -
jQuery之元素的遍历和元素的过滤
元素的遍历1)、向下遍历两种方法 children find<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script src="http://127.0.0.1/web/jquery-原创 2018-11-09 16:57:28 · 149 阅读 · 0 评论 -
jQuery CSS
jQuery CSS方法1)、用.css()来操作页面中的样式 有两种方法$(document).ready(function(e) {//第一种方法 一个一个的引入// $("div").css("height","100px");// $("div").css("width","100px");// $("div").css("bac原创 2018-11-09 13:54:28 · 143 阅读 · 0 评论 -
无延迟菜单 JQuery
1、实现分类导航菜单的基本布局结构&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp原创 2018-11-13 22:38:50 · 146 阅读 · 0 评论