wfquery
Version:
like jQuery but just for new browser
61 lines (55 loc) • 2.77 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo/layout.html</title>
<script src="../wfQuery.js?_t=1516462775018"></script>
<!--
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script>wfQuery = jQuery</script>
-->
<style>
pre.code{background: #d2d2d2;padding: 4px;}
</style>
</head>
<body>
<a href="../index.html">返回首页</a>
<h2>支持的方法</h2>
<ul id="list">
<li>测试0 html & text </li>
<li>测试1 </li>
<li>测试2 </li>
<li>测试3 </li>
<li>测试4 <a href="">a标签 </a> <input type="button" value="button"> <span style="background:#06f">span</span> </li>
<li>测试5 </li>
</ul>
<button class="html">html()</button>
<button class="text">text()</button>
<button class="eq">eq(2)</button>
<button class="append">append()</button>
<button class="prepend">prepend()</button>
<button class="before">before()</button>
<button class="after">after()</button>
<button class="empty">empty()</button>
<button class="html-in">html(input)</button>
<button class="text-in">text(input)</button>
<script class="code">
var list = $("#list"),
first = list.children().first(),
bef_aft = list.children().eq(3),
emp = list.children().eq(4);
$('.html').on('click',function(){ alert( first.html() ); });
$('.text').on('click',function(){ alert( first.text() ); });
$('.eq').on('click',function(){ alert( list.children().eq(2).text() ); });
$('.after').on('click',function(){ bef_aft.append( '<li>new appender <a href="javascript:;" class="del">删除</a></li>' ) });
$('.before').on('click',function(){ bef_aft.before( '<li>new appender <a href="javascript:;" class="del">删除</a></li>' ) });
$('.append').on('click',function(){ list.append( '<li>new appender <a href="javascript:;" class="del">删除</a></li>' ) });
$('.prepend').on('click',function(){ list.prepend( '<li>new appender <a href="javascript:;" class="del">删除</a></li>' ) });
$(document).on('click','.del',function(){ $(this).parent().remove() });
$('.empty').on('click',function(){ emp.empty(); });
$('.html-in').on('click',function(){ emp.html( prompt('html 输入: ') ); });
$('.text-in').on('click',function(){ emp.text( prompt('text 输入: ') ); });
</script>
<a href="https://github.com/shy2850/wfQuery.git" target="_"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/e7bbb0521b397edbd5fe43e7f760759336b5e05f/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677265656e5f3030373230302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png"></a>
</body>
</html>