新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1、新建html文档,在body标签中添加一些a标签,然后引入jQuery文件:
创新互联-专业网站定制、快速模板网站建设、高性价比通江网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式通江网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖通江地区。费用合理售后完善,十载实体公司更值得信赖。
2、在body标签中添加script标签,等待文档加载完成后定义需要需要的指定文字,然后赋值给一个变量:
3、然后用遍历去遍历所有查找到的a标签,判断a标签的内容是否和指定的文字相同,如果相同则添加指定的class:
在js或者jQuery下面得到指定的div下面的指定a标签的方法:
1、通过id直接获取所需a标签:$("#ids");
2、通过从属关系获得a标签。
$("div
a");然后对取得的元素遍历,找到需要的a标签即可。
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:
$('a').each(function () {$('body').append($(this).text());});
3、浏览器运行index.html页面,此时页面上所有的a标签都被获取到并打印了文本。
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简单获取DIV和A标签元素位置的方法。分享给大家供大家参考,具体如下:
一、获取DIV的位置
var
top
=
jquery("#div_id").offset().top;
//获取div的居上位置
var
left
=
jquery("#div_id").offset().left;
//获取div的居左位置
var
height
=
jquery("#div_id").height();
//获取div的高度
var
width
=
jquery("#div_id").width();
//获取div的宽度
jquery("#div_id").css({'top':top,'left':left,'height':height,'width':width});
//设置DIV的css属性
二、获取A标签的位置
a
href=""
rel="external
nofollow"
onclick="javascript:get_a(this,1)"获取A标签的位置/a
script
language="javascript"
function
get_a(thisObj,param){
var
top
=
jquery(thisObj).offset().top;
var
left
=
jquery(thisObj).offset().left;
var
height
=
jquery(thisObj).height();
var
width
=
jquery(thisObj).width();
}
/script
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery页面元素操作技巧汇总》、《jquery选择器用法总结》、《jQuery表单操作总结》、《jQuery常用插件及用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》及《jQuery常见经典特效汇总》
希望本文所述对大家jQuery程序设计有所帮助。