<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery.js"></script>
<script>
$(function(){
var search_input = $(".search_box"),
search_content = $(".search-list");
$('.search_box').on("input propertychange", function() {
if (search_input.val() == '') {
$(search_content).show();
}
$(".search-list tr:contains(" + search_input.val().trim() + ")").show();
$(".search-list tr:not(:contains(" + search_input.val().trim() + "))").hide();
});
})
</script>
</head>
<body>
<input type="text" class="search_box" placeholder="商品名称" value="">
<div class="search-list">
jq实时搜索
最新推荐文章于 2020-05-25 21:20:57 发布