安装npm
|
1 2 3 4 5 6 7 8 9 10 |
# !-bash # 安装依赖 sudo apt-get install nodejs-dev node-gyp libssl1.0-dev # 将node.js加入安装源 curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash - # 安装node.js和npm sudo apt-get install -y nodejs |
安装docsify [crayo阅读更多使用docsify生成你的在线文档[…]
代码不多，但是对于不熟悉php的我还是写了很久。🥺 1、到theme/当前主题目录下复制一个page.ph阅读更多WordPress如何添加像我一样的目录[…]
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI 对话框（Dialog） - 动画</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.9.1.js"></script> <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css"> <script> $(function() { $( "#dialog" ).dialog({ autoOpen: false, show: { effect: "blind", duration: 1000 }, hide: { effect: "explode", duration: 1000 } }); $( "#opener" ).click(function() { $( "#dialog" ).dialog( "open" ); }); }); </script> </head> <body> <div id="dialog" title="Basic dialog"> <p>这是一个动画显示的对话框，用于显示信息。对话框窗口可以移动，调整尺寸，默认可通过 'x' 图标关闭。</p> </div> <button id="opener">打开对话框</button> </body> </html> |
参考 更多样式请参考： https://ww阅读更多jQuery – 对话框[…]
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
//GET $.get(script_root + "/matches_info", function (data) { matches = $.parseJSON(JSON.stringify(data)); $('#matches-board').empty(); for (var i = 0; i <= matches['matches'].length - 1; i++) { var match_info = matches['matches'][i]; $('#matches-row').find(".category-challenges > .challenges-row").append(match_wrap); }; $('.match-button').click(function (e) { load_match(this.value); }); }); //POST $.post(script_root + '/create_team', { 'teamname': $(" input[ name='teamname' ] ").val(), 'nonce': $(" input[ name='nonce' ] ").val() }, function (data) { if (data == 'success') { parent.location.href="team"; } else { var content=data; ezal({ title: "失败", body: content, button:"确认" }); } }); |
函数 效果 hide() 隐藏 show() 显示 fadeIn() 淡入 fadeOut() 淡出 fade阅读更多jQuery – 动态效果的实现[…]
|
1 2 3 4 5 6 7 |
<script src="/static/js/jquery.min.js"></script> <script> //刷新 document.location.reload(); //跳转 window.location.href="http://www.baidu.com" </script>> |
事件 函数 鼠标点击事件 click() 内容改变事件 change() 鼠标移动 hover() 按下按键 阅读更多jQuery – 添加事件[…]
函数 作用 text() 设置或返回所选元素的文本内容 html() 设置或返回所选元素的内容（包括 HTML阅读更多jQuery – 获取和设置html中的元素内容[…]
jQuery基础 jQuery – document页面处理 jQuery – 获取和设置html中的元素内容阅读更多Web前端开发 – jQuery的使用[…]
