
1、新建一个html文件,命名为test.html,用于讲解。
2、在test.html文件内,在p标签内,使用a标签创建一个链接,同时设置id为mylink,主要用于下面通过该id获得a对象。
3、在test.html文件内,给a标签添加title属性,属性值为“这是测试的链接”。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获得title内容”。
5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getitle()函数。
6、在js标签内,创建getitle()函数,在函数内,通过id(mylink)获得a对象,使用attr()方法获得title属性值,即title的内容,最后,使用alert()方法将获得的内容输出。
7、在浏览器打开test.html文件,点击按钮,查看实现的效果。
jquery easyui中点击链接按钮linkbutton跳转到另一个标签页的方法是通过在目标链接中配置url实现的。1、html代码如下:
<form id="ff" method="post">
<table>
<tr>
<td>User:</td>
</tr>
<tr>
<td align="center"><input id="user" class="easyui-validatebox" type="text" name="user"></input></td>
</tr>
<tr>
<td>Password:</td>
</tr>
<tr>
<td align="center"><input id="password" class="easyui-validatebox" type="password" name="password" required="true"></input></td>
</tr>
<tr>
<!--使用easyUI的linkbutton定义跳转链接-->
<td align="center"><a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#ff').submit()">Submit</a></td>
</tr>
</table>
</form>
2、javascript跳转代码:
$(function(){
$('#ff').form({
url:'log_validate.php', //定义跳转到的目标url
onSubmit:function(){ //提交定义
return $(this).form('validate')
},
success:function(data){//跳转成功刷新页面
document.location.reload(true)
}
})
})
1、通过jquery给元素动态添加样式运用addClass和removeClass即可。首先在html中准备jquery库文件,并且准备一个div元素,如下图所示。
2、然后在style标签里声明一个class样式,如下图所示。
3、接下来准备一个事件加载初始化的方法,在jquery中直接用匿名函数即可,如下图所示。
4、然后通过jquery的addClass方法给div元素添加一个class,如下图所示。
5、移除一个class的样式也很简单,如下图所示,通过removeClass即可。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)