网站实现百度站内搜索代码jquery

首先，我们使用$(document).ready()方法来确保文档加载完毕后再执行下面的代码。

然后，我们选择类名为’sform’的表单元素，并注册submit事件。

在submit事件的处理函数中，我们首先通过e.preventDefault()方法阻止表单的默认提交行为，避免跳转到百度搜索页面。

然后，我们获取输入框中用户输入的关键词。

接下来，我们将输入框的值与”site:www.4s5.cn “进行拼接，形成完整的搜索查询语句。将该搜索查询语句编码后拼接到百度搜索的URL中。

最后，我们使用window.open()方法打开拼接后的搜索URL，在新页面中进行搜索。

html部分：

<form name="search" method="get" class="sform" action="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&tn=baidu">
	<input class="sinput" name="wd" type="text" placeholder="请输入搜索词">
	<button>
		<i class="fa fa-search"></i>
	</button>
</form>

jQuery部分：

$(document).ready(function(){
  $('.sform').submit(function(e){
    e.preventDefault(); // 阻止表单默认提交行为

    var keyword = $('.sinput').val();
    var searchQuery = 'site:www.4s5.cn ' + keyword;
    var searchUrl = 'https://www.baidu.com/s?wd=' + encodeURIComponent(searchQuery);

    window.open(searchUrl, '_blank');
  });
});