神奇的Jquery之query()

最新推荐文章于 2022-03-12 00:40:08 发布

enl0ve

最新推荐文章于 2022-03-12 00:40:08 发布

阅读量2k

点赞数

分类专栏：前端 JavaScript学习文章标签： jquery html context

本文链接：https://blog.csdn.net/Enl0ve/article/details/88807602

版权

上周实现一个需求的过程中引发了一些对于jquery(selector, [context])函数的思考。这个需求是这样的，点击设置按钮然后在整个视区上弹出一个模态框，在这样的画面上获取模态框画面中一个带有特定ID的隐藏表单的值，使用$("#ID).val()进行取值，但是取值为undefined。我思考了一下，发现弹出框和整个视区是在同一层次上的。代码层次我简单用伪代码写下：

    <html>
    <head>
    </head>
    <body>
    //弹出框实现层
    <div class="modal">
        //_.template()方法加载模态框内容
    </div>
    //main画面内容
    <div class="main">
        //_.template()方法加载内容
    </div>
    </body>
    </html>

这样我在取隐藏表单的值取到的值为Undefined。于是我打开了Jquery的官网，查看了源码，找到了jquery(selector, [context])方法的定义。

    // Define a local copy of jQuery
	jQuery = function( selector, context ) {
   

		// The jQuery object is actually just the init constructor 'enhanced'
		// Need init if jQuery is called (just allow error to be thrown if not included)
		return new jQuery.fn.init( selector, context );
    },

源码中看到，jQuery对象被调用是需要init()构造函数初始化，再查看一下init()函数。

// Initialize a jQuery object


    // A central reference to the root jQuery(document)
    var rootjQuery,

	// A simple way to check for HTML strings
	// Pri

最低0.47元/天解锁文章

enl0ve

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
神奇的Jquery之query()

上周实现一个需求的过程中引发了一些对于jquery(selector, [context])函数的思考。这个需求是这样的，点击设置按钮然后在整个视区上弹出一个模态框，在这样的画面上获取模态框画面中一个带有特定ID的隐藏表单的值，使用$("#ID).val()进行取值，但是取值为undefined。我思考了一下，发现弹出框和整个视区是在同一层次上的。代码层次我简单用伪代码写下： <ht...
复制链接

扫一扫