首页 建站教程 前端学院

jQuery中$("#")与$("#"+xx)的差异

下面本篇文章给大家介绍一下jquery中$("#")与$("#"+xx)的差异。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。


jQuery中$("#")与$("#"+xx)的差异


$("#")是指选择器选择带有id的元素,例如<input type="text" id="a"/> 就可以用$("#id").val()来获取对应的数据值,而里面有加号的情况一般是有变量,在函数封装时常用,例如:下面的小demo

<script src="jquery-1.8.3.js"></script>
<body>
    <input type="text" value="a1" id="a1"><br/>
    <input type="text" value="a2" id="a2"><br/>
    <input type="text" value="a3" id="a3"><br/>
    <input type="text" value="a4" id="a4"><br/>
    <input type="text" value="a5" id="a5"><br/>
    <input type="button" value="点击测试" οnclick="test_()">
</body>
<script>
function test_() {
    var a1=$("#a1").val();
    alert(a1);
    for(var i=1;i<=5;i++) {
        //这里+只是一个连接的作用,总得来说就是jquery的选择器,没有区别的说法
        var a=$("#a"+i).val();
        alert(a);
    }
}
</script>
</html>

这里+只是一个连接的作用,总得来说就是jquery的选择器,没有区别的说法



评论(0)条

提示:请勿发布广告垃圾评论,否则封号处理!!

    猜你喜欢
    jQuery中$(

    jQuery中$("#")与$("#"+xx)的差异

     2020-09-27 662

    下面本篇文章给大家介绍一下jquery中$("#")与$("#"+xx)的差异。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。$("#")是指选择器选择带有id的

    jQuery侧边栏下拉收缩菜单代码

    jQuery侧边栏下拉收缩菜单代码

     2020-07-27 877

    jQuery侧边栏下拉收缩菜单代码是一款鼠标悬停主导航展开下拉菜单收缩效果,适用于网站侧边栏导航菜单结构布局代码。

    jQuery如何判断css是否存在

    jQuery如何判断css是否存在

     2020-12-18 1363

    jq判断css是否存在的方法:首先打开相应的代码文件;然后通过ajax请求css资源文件;最后根据http状态码来进行判断即可,其代码如“$("#btn").click(function(){...}”。jquery判断

    jQuery响应式步骤向导代码

    jQuery响应式步骤向导代码

     2020-07-27 775

    jQuery响应式步骤向导代码是一款jQuery基于Bootstrap制作的响应式步骤向导实例。

    jQuery+CSS3图片头像网格布局代码

    jQuery+CSS3图片头像网格布局代码

     2020-10-23 1411

    jQuery+CSS3图片头像网格布局代码是一款通过悬停点击添加关注弹出头像信息的ui交互式效果。

    jQuery上下滑动选项卡切换代码

    jQuery上下滑动选项卡切换代码

     2020-10-22 1203

    jQuery上下滑动选项卡切换代码是一款适用于app商家介绍的滑动选项卡切换代码