titlejquery,titlejquery动画效果

jquery如何获得a标签内title中部分内容

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文件，点击按钮，查看实现的效果。

相关问答

Q1: jquery在父页面获取iframe子页面的title，怎么获取？

//1、格式：

window.frames["iframe的name值"].document.title;

//实例：

window.frames["ifm"].document.title;

//2、格式：

var obj=document.getElementById("iframe的name").contentWindow;

var ifmObj=obj.document.title;

//实例：

var obj=document.getElementById("ifm").contentWindow;

var ifmObj=obj.document.title;

//3、格式：

window.parent.document.getElementById("父窗口的元素ID").title;

//实例：

window.parent.document.getElementById("ifm").title;

//jquery在父窗口中获取iframe中的元素

//1、格式：

$("#iframe的ID").contents().attr("title");//jquery 方法1

//实例：

$("#ifm").contents().attr("title");//jquery 方法1

//2、格式：

$(selector, window.top.document);; //jquery 方法2

//实例：

$(document, window.top.document).attr("title");//jquery 方法2

//类似的方法

$(selector, window.top.document); 

$(selector, window.opener.document); 

$(selector, window.top.frames[0].document);

Q2: Jquery如何给网页的title取值和赋值

用原生的js

document.title = "newStr";

jQuery的话

$(document).attr("title","修改title的内容");

$("title").html("修改title的内容");

Q3: jquery如何给网页的title赋值里面的内容

如下：

function doSet(){

alert($(document).attr("title"));//获取title值.

$(document).attr("title","修改内容");//修改title值

}

扩展资料：

Jquery常用方法总结：

1、页面元素的引用

通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。

2、jQuery对象与dom对象的转换

只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。

普通的dom对象一般可以通过$()转换成jquery对象。

3、获取jQuery集合的某一项

对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jquery对象，而get(n)和索引返回的是dom元素对象。

对于jquery对象只能使用jquery的方法，而dom对象只能使用dom的方法，如要获取第三个div元素的内容。有如下两种方法：

复制代码如下:

$("div").eq(2).html(); //调用jquery对象的方法

$("div").get(2).innerHTML; //调用dom的方法属性

4、集合处理功能

对于jquery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理，jquery已经为我们提供的很方便的方法进行集合的处理。

包括两种形式：

$("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][i]})

//为索引分别为0，1，2的p元素分别设定不同的字体颜色。

$("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})

//实现表格的隔行换色效果

$("p").click(function(){alert($(this).html())}) 

//为每个p元素增加了click事件，单击某个p元素则弹出其内容

5、扩展我们需要的功能

$.extend({

min: function(a, b){return a b?a:b; },

max: function(a, b){return a b?a:b; }

}); //为jquery扩展了min,max两个方法

使用扩展的方法（通过“$.方法名”调用} ：

alert("a=10,b=20,max="+$.max(10,20)+",min="+$.min(10,20));

7、支持方法的连写

所谓连写，即可以对一个jquery对象连续调用各种不同的方法。

例如：

$("p").click(function(){alert($(this).html())})

.mouseover(function(){alert('mouse over event')})

.each(function(i){this.style.color=['#f00','#0f0','#00f'][i]});

8、操作元素的样式

主要包括以下几种方式：

$("#msg").css("background"); //返回元素的背景颜色

$("#msg").css("background","#ccc") //设定元素背景为灰色

$("#msg").height(300); $("#msg").width("200"); //设定宽高

$("#msg").css({ color: "red", background: "blue" });//以名值对的形式设定样式