实习总结之jquery实例

时间:2024-03-10 08:46:44

 

实习情况

  经过了一段程序员的生活,感受到了程序员的苦逼,但也学到了不少,今天稍做总结,一方面系统的复习一下实习中学到的内容,另一方面,请老鸟们指点一下,好了,废话不多说,今天就先温习一下jquery系列。

二、jquery实例汇总

  1、jquery选择器

    由于不是对jquery不是很熟悉的缘故,每次开始写代码的话,会把张子秋的博客(http://www.cnblogs.com/zhangziqiu/tag/jQuery%E6%95%99%E7%A8%8B/)打开,以便查阅,感觉最不熟悉的就是关于select元素的操作,可能是html比较弱的缘故吧,现在总结一下,主要是获取text或者是获取value,下面直接给出代码

        $(document).ready(function () {
            var strSelect = $("#getSelectText").find("option:selected").text();
            //alert("获取的select的选中值:" + strSelect);
            var strSeletctIndex = $("#getSelectText").find("option:selected").val();
            //alert("获取select的选中项的value是" + strSeletctIndex);
        })

 

  2、jquery中的ajax

    具体的ajax的参数说明见http://www.cnblogs.com/QLeelulu/archive/2008/04/20/1163021.html

    下面直接给出一个ajax调用示例

 

        $(function () {
            $("#ajaxTest").click(function () {
                $.ajax({
                    url: "ajaxTest.ashx",
                    data: { paramKey1: paramValue1, paramKey2: paramValue2 }, //处理程序要接收的键值对
                    type: "get", //请求方式
                    dataType: "json", //预期服务器返回的数据类型
                    cache: false,
                    success: function (data) {
                        //请求服务器成功时,返回的数据;可以用jquery进行操作
                    },
                    error: function (data) {
                        //错误处理
                    }
                });
            })
        })

 

 

  3、highchat插件

  4、fancybox

  5、AsyncBox

345见demo

三、本文总结