سلام
دوست عزیز متشکر
1- سورس رو در حالت قبل اجرا و بعد از اجرا برایتان میگزارم ،همانطور که مشاهده میفرمایید ID در دو حالت یکی است
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<script src="scripts/jQuery1.8.3.js" type="text/javascript"></script>
<script src="scripts/my-JScript.js" type="text/javascript"></script>
<style type="text/css">
.btn1
{
background-color:Aqua;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div align="center">
<asp:DropDownList ID="DropDownList1" runat="server"
onselectedindexchanged="DropDownList1_SelectedIndexChanged" AutoPostBack="true">
<asp:ListItem>Fars</asp:ListItem>
<asp:ListItem>tehran</asp:ListItem>
</asp:DropDownList>
<br />
<br />
<asp:DropDownList ID="DropDownList2" runat="server">
</asp:DropDownList>
<br />
<br />
<div id="divTextBox">
<asp:TextBox CssClass="txt" ID="TextBox1" runat="server"></asp:TextBox>
<br />
<asp:TextBox CssClass="txt" ID="TextBox2" runat="server"></asp:TextBox>
</div>
<br />
<br />
<input id="Text1" name="t1" type="text" />
<br />
<input id="Text2" name="t2" type="text" />
<br />
<asp:Button ID="Button1" CssClass="btn1" runat="server" onclick="Button1_Click" Text="Button" />
<input id="Button2" class="btn1" type="button" value="(html)button" />
<br />
<br />
<a href="http://iran.ir" target="_blank" style="font-size:22px;">ایران</a>
<br />
<p id="my-p1">Hellooooo</p>
<p id="my-p2"> <b>Mehran</b></p>
<asp:CheckBox ID="CheckBox1" runat="server" />
طراحی وب
<ul>
<li class="Items">HTML </li>
<li class="Items">CSS </li>
<li class="Items">Flash </li>
</ul>
برنامه نویسی وب
<ul>
<li class="Items">ASP.Net </li>
<li class="Items">PHP </li>
<li class="Items">Java Script </li>
<li class="Items">jQuery </li>
</ul>
<br />
<table>
<tr>
<th>Tehran</th>
<td>tehran</td>
<td>Rey</td>
<td>Eslam Shahr</td>
</tr>
</table>
</div>
</form>
<%-- <script type="text/javascript">
$('[id$="<%=Button1.ClientID%>"]').click(function (e) {
e.preventDefault();
$("p:contains(Mehr)").toggle();
});
</script>--%>
</body>
</html>
کد در حین اجرا
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
Untitled Page
</title>
<script src="scripts/jQuery1.8.3.js" type="text/javascript"></script>
<script src="scripts/my-JScript.js" type="text/javascript"></script>
<style type="text/css">
.btn1
{
background-color:Aqua;
}
</style>
</head>
<body>
<form method="post" action="Default4.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTgxNzY1MTI0Mg9kFgICAw9kFgICAQ8QZGQWAWZkGAE FHl9fQ29udHJvbHNSZXF1aXJlUG9zdEJhY2tLZXlfXxYBBQlDa GVja0JveDGBm1DRxnoZTTDqoHtjBbz8a2jszBkD8ICB0nP71sr 06Q==" />
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<div class="aspNetHidden">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWCAKeiY6zDwKd5I/lCgL315v4BwLu+5HYBALs0bLrBgLs0fbZDAKM54rGBgKC5Ne7C ZTPCbVEmvJTxBDBFJJrS5uDeenbAJYJgSz1pyP6Swrq" />
</div>
<div align="center">
<select name="DropDownList1" onchange="javascript:setTimeout('__doPostBack(\'DropDownList 1\',\'\')', 0)" id="DropDownList1">
<option selected="selected" value="Fars">Fars</option>
<option value="tehran">tehran</option>
</select>
<br />
<br />
<select name="DropDownList2" id="DropDownList2">
</select>
<br />
<br />
<div id="divTextBox">
<input name="TextBox1" type="text" id="TextBox1" class="txt" />
<br />
<input name="TextBox2" type="text" id="TextBox2" class="txt" />
</div>
<br />
<br />
<input id="Text1" name="t1" type="text" />
<br />
<input id="Text2" name="t2" type="text" />
<br />
<input type="submit" name="Button1" value="Button" id="Button1" class="btn1" />
<input id="Button2" class="btn1" type="button" value="(html)button" />
<br />
<br />
<a href="http://hran.ir" target="_blank" style="font-size:22px;">ایران</a>
<br />
<p id="my-p1">Hellooooo</p>
<p id="my-p2"> <b>Mehran</b></p>
<input id="CheckBox1" type="checkbox" name="CheckBox1" />
طراحی وب
<ul>
<li class="Items">HTML </li>
<li class="Items">CSS </li>
<li class="Items">Flash </li>
</ul>
برنامه نویسی وب
<ul>
<li class="Items">ASP.Net </li>
<li class="Items">PHP </li>
<li class="Items">Java Script </li>
<li class="Items">jQuery </li>
</ul>
<br />
<table>
<tr>
<th>Tehran</th>
<td>tehran</td>
<td>Rey</td>
<td>Eslam Shahr</td>
</tr>
</table>
</div>
</form>
</body>
</html>
2- خب مشاهده فرمودید که ID تغییر نمیکند با این حال در کد خارجی با اسم my-JScript.js از دستور e.preventDefault(); برای رفع این مشکل استفاده کردم در برخی از کدها جواب داد و در برخی جواب نمیدهد مثلا سورس به صورت زیر کار میکند
$("#Button1").click(function () {
$("p#my-p1").html("Welcom");
});
ولی به شکل زیر که دستور e.preventDefault(); را دارد کار نمیکند
$('[id$="Button1"]').click(function () {
e.preventDefault();
$("p#my-p1").html("Welcom");
});
و همین روش یعنی استفاده از $('[id$="Button1"]').click(function () {
e.preventDefault(); روی یه سری توابع مثل .toggle() جواب میده