jQuery

jQuery特性

jQuery是一个JavaScript函数库,包含以下特性:
HTML元素选取、操作、CSS操作、HTML事件函数、JavaScript特效和动画、HTML DOM遍历和修改、AJAX

jQuery库的引用

注意:<script> 标签应该位于页面的 <head> 部分
    <head>
        <script type="text/javascript" src="jquery.js"></script>
    </head>
或者使用
Google的CDN
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
    </head>
Microsoft的CDN
    <head>
        <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>
    </head>

jQuery语法

可以对HTML某些元素执行操作

基础语法

$(selector).action()
$ 定义jQuery
(selector) 查询和查找HTML元素
action() 执行对元素的操作

选择器

jQuery元素选择器和属性选择器允许通过标签名、属性名、或内容对HTML元素进行选择。选择器运行对HTML元素组或单个元素进行操作

jQuery元素选择器

使用CSS选择器来选取HTML元素

    $("p")选取的<p>元素
    $("p.intro")选取所有class="intro"的<p>元素
    $("p#demo")选取所有id="demo"的<p>元素

jQuery属性选择器

使用XPath表达式来选择带有给定属性的元素

    $("[href]")选取所有带有href属性的元素
    $("[href='#']")选取所有带有href值等于"#"的元素
    $("[href!='#']")选取所有带有href值不等于"#"的元素
    $("[href$='.jpg']")选取所有href值以".jpg"结尾的元素

jQuery事件

jQuery事件处理方法是jQuery中的核心函数。
最好把jQuery放置到独立的 .js文件爱女中

eg:
    <head>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="my_jquery_functions.js"></script>
    </head>

如果出现名称冲突,jQuery.noConflict()


   转载规则


《jQuery》 Evolyutsiya 采用 知识共享署名 4.0 国际许可协议 进行许可。
  目录