是否可以使用 jQuery 选择器在没有插件的情况下访问 Struts2 元素？

Question

我是 Struts2 的新手，但我一直遇到 jQuery 选择器无法访问我们在 jsps 中定义的任何 Struts2 标记的问题。

我假设如果没有大量自定义代码或插件，它们不会集成，但我无法找到任何明确的书面资料。当我访问strut2-jQuery plugin 页面时，他们提到最好在他们的常见问题解答中使用插件，但不是必需的。

我在这里遗漏了什么吗？如果我有一个元素的 struts2 标记并尝试使用 jQuery 选择它，它似乎不起作用。我说的是基本元素，例如

$('form').find(':input').change(function() { ...  //or

$('#testbutton').attr('disabled', true);  //or

 $('#formName').change(function() { 
          alert("Found form!"); 
     });

因此，当我查看查看源代码时，我看到了从标签生成的常规 html 代码，如果它来自 struts2 标签而不是具有相同 jQuery 的常规 html 标签，我无法使用选择器访问这些特定元素选择器代码。

另外一项，我在jsp页面上使用这样的东西来引用jQuery：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>

Answer 1

HTML 的生成方式与客户端（浏览器）无关，客户端对生成的 DOM 之外的任何内容一无所知。

如果有一个 ID，或者它是一个输入，jQuery 会找到它——我多年来一直使用纯 jQuery（和 Prototype）和 S2 应用程序没有问题。

还有一些问题。

---

已编辑以显示 JSP、呈现的 HTML 和控制台输出。

JSP：

<s:form action="simpleForm">
  <s:textfield name="fname"/>
  <s:submit value="Go!"/>
</s:form>

呈现的 HTML（假设默认 "xhtml" 主题）：

<form id="simpleForm" name="simpleForm" action="/simpleForm.action" method="post">
  <table class="wwFormTable">
    <tr>
      <td class="tdLabel"></td>
      <td><input type="text" name="fname" value="" id="simpleForm_fname"/></td>
    </tr>

    <tr>
      <td colspan="2"><div align="right"><input type="submit" id="simpleForm_0" value="Go!"/>
      </div></td>
    </tr>
  </table></form>

一些控制台输出：

> $("form")
[<form id=​"simpleForm" name=​"simpleForm" action=​"/​simpleForm.action" method=​"post">​…​</form>​]
> $("form").find(":input")
[<input type=​"text" name=​"fname" value=​"d" id=​"simpleForm_fname">​, 
 <input type=​"submit" id=​"simpleForm_0" value=​"Go!">​]
> $("form").find("input") // Don't need the ":"
[<input type=​"text" name=​"fname" value=​"d" id=​"simpleForm_fname">​,
 <input type=​"submit" id=​"simpleForm_0" value=​"Go!">​]