网站建设资讯

NEWS

网站建设资讯

jquery相关知识

1、jquery
    www.php100.com/manaul/jquery
2、各种实例
    选择器
        1、#xx
            


        $字符=jQuery
        $("#t1") 查找id
        2、.xx
         $('.t2') 查找class
        3、查找标签
         $('p')
        4、联合查找  空格跟逗号
        $("#tt p") tt下面的所有的p标签
        5、查找所有的class下的标签
        $(".t5,a") 查找t5下面的所有的标签
        
        text、password 专属于input
        siblings:所有兄弟标签
        map:循环多个标签中的每一个标签
        text -文本
        html:内容 含标签
        val -input,select,textarea
        trim:去空格

我们提供的服务有:成都网站制作、做网站、外贸营销网站建设、微信公众号开发、网站优化、网站认证、海盐ssl等。为近1000家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的海盐网站制作公司

3、jquery中html 与 text方法的区别
首先,html属性中有两个方法,一个有参,一个无参。下面我们都用实例来看看,这样比较容易帮助理解。

(1). 无参html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档,返回的是一个String

例子:

html页面代码:

Hello


jquery代码:$(“div”).html();

结果:Hello

(2).有参html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。返回一个jquery对象

html页面代码:


jquery代码:$(“div”).html(“

Nice to meet you

”);

结果:

Nice to meet you

(html标签会被浏览器识别)

其次,text属性中有两个方法,一个有参,一个无参

(1) 无参text():取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。返回的是一个String。

例子:

html页面代码:

Hello

fine



jquery代码:$(“p”).text();

结果:Hello

fine

(2).有参text(val):设置所有匹配元素的文本内容,与 html() 类似, 但将编码 HTML (将 “<” 和 “>” 替换成相应的HTML实体).返回一个jquery对象。

html页面代码:
Paragraph.


jquery代码:$(“div”).text(“Some new text.”);

结果:

Some new text.

(html标签不会被浏览器识别,而是当作字符串来输出)

通过上面的例子,我们知道了,html()方法与text()方法的区别就在于对html标签的识别上不同。


标题名称:jquery相关知识
链接URL:http://cdweb.net/article/jhpess.html