jQuery学习

最新推荐文章于 2024-05-05 09:15:00 发布

危笑qwq

最新推荐文章于 2024-05-05 09:15:00 发布

阅读量93

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript jQuery

本文链接：https://blog.youkuaiyun.com/qw160/article/details/115400801

javascript 同时被 2 个专栏收录

22 篇文章

订阅专栏

jQuery

9 篇文章

订阅专栏

这篇博客介绍了如何在代码中通过百度CDN引入jQuery库，并展示了jQuery的基本语法，如选择器和动作。同时，文章讨论了jQuery中的ajax操作，包括$.ajax和$.post方法，以及它们在页面加载和事件处理中的应用。示例代码显示了如何在按钮点击事件中发送POST请求到后台并处理返回的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在代码中引入jquery

这里使用的是百度的cdn

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>

语法

基础语法： $(selector).action()
$(一个html元素).一个动作
例如：
$("#test").hide() - 隐藏 id=“test” 的元素

jquery代码写在一个$里面

$(function(){
 
   // 开始写 jQuery 代码...
 
});

jQuery 结构/ajax与jquery关系

使用了$符号的一般都引用了jquery方法
全部jQuery代码都在。ready(function)里面，下面实例就是两个关系不大的jquery方法，其中后者是post向后台传递参数，如果不在外面套ready,而是直接click则代码无效

<script>

  
    $(document).ready(function(){
        $('#cc').combobox({
            url:'test.json',
            valueField:'id',
            textField:'text'
        });
        $("button").click(function(){
            alert("hello")
            $.post("/web3_war_exploded//Servlet1",{
                    name:$("#cc").val(),
                    url:"http://www.runoob.com"
                },
                function(data,status){
                    alert("数据: \n" + data + "\n状态: " + status);
                });
        });
    });

    </script>

ajax可以不使用jquery，（没有$符号），也可以使用jquery方法（如下）

$(document).ready(function(){
	$("button").click(function(){
		$.ajax({url:"demo_test.txt",success:function(result){
			$("#div1").html(result);
		}});
	});
});