jquery经常用到的几个方法1

最新推荐文章于 2024-02-06 13:21:08 发布

原创最新推荐文章于 2024-02-06 13:21:08 发布 · 588 阅读

0 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

22 篇文章

订阅专栏

本文介绍jQuery的基本用法，包括元素的显示与隐藏、内容获取、样式控制、事件绑定等核心功能，并通过实例演示如何实现这些操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、 $('').hide() // 隐藏

2、 $('').show()//显示

3、 text() ：取得所有匹配元素的内容

例子：$('li').click(function(){
                 $('.userid').val($(this).text());
                 $('.listbox').hide();
         });

4、

$("td").hover(
  function () {
    $(this).addClass("hover");
  },
  function () {
    $(this).removeClass("hover");
  }
);

5、返回值:jQueryload(url, [data], [callback])

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
   $(document).ready(function(){
  $(".list").click(function(){
          
    $("#message").load("nameinfo.html ");

/*

  	$("#message").load("nameinfo.html li ");  --显示nameinfo.html页面所有的<li>元素

         $("#message").load("nameinfo.html #mes");  -- 显示id=mes的元素

    */
    return false;      
  });            
         
 });
</script>
</head>

<body>
  <p> We are going to organize the conference on IT on 2nd Feb 2010</p>
  <a href="abc.com" class="list"> Participants</a>
  <div id="message" >
  
  </div>

6.

find(expr) 搜索所有与指定表达式匹配的元素，这个函数式找出正在处理的元素的后代元素的好方法。

$("p").find("span") 从所有的段落开始，进一步搜索下面的span元素，与$("p span")相同

7、children（）获取子节点

8、：first

$("tr:first") 查找到表格的第一行

9、获取一个元素的html代码：

$("span").html();

10、改变节点的内容：

1）text(text)  --ex: $('h2').text('Javascript Libraries! ')

2）html(html)

11、快速创建dom节点

 1) append (content)

ex:

HTML 代码:
	<p>I would like to say: </p>
jQuery 代码:
	$("p").append("<b>Hello</b>");
结果:
	[ <p>I would like to say: <b>Hello</b></p> ]
2)apnedTo(content)
实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。
例子：
HTML 代码:
<p>I would like to say: </p>
<div></div><div></div>
jQuery 代码:
$("p").appendTo("div");
结果:
<div><p>I would like to say: </p></div>
<div><p>I would like to say: </p></div>