jQuery学习一

1、根据name获取form,

        <form action="login.action" name="loginForm" method="post">

       $("form:[name='loginForm']").submit();

2、给某些标签加属性

       $("#images").attr('src',"saf.jsp“);

       $("#scorll").html(html);  -----------标签类型 html +='<li style="list-style-type: none; width: 5px;height: 29px">444444</li>';

3、$(document).ready(function(){ $("p").click(function(){ $(this).hide(); });});

      jQuery 的 hide() 函数,隐藏了 HTML 文档中所有的 <p> 元素。

4、jQuery 属性选择器

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

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

$("p").css("background-color","red");

5、jQuery 事件

下面是 jQuery 中事件方法的一些例子:

Event 函数绑定函数至
$(document).ready(function)将函数绑定到文档的就绪事件(当文档完成加载时)
$(selector).click(function)触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function)触发或将函数绑定到被选元素的双击事件
$(selector).focus(function)触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function)触发或将函数绑定到被选元素的鼠标悬停事件

6.html()方法:用于设置或获取一个或多个元素的html内容

   text()方法:用于设置或获取一个或多个元素的文本内容

  append()方法和perpend()方法:用于将内容添加到当前元素的子节点之前或之后。

  after()方法和before()方法:用于将内容添加到当前元素节点之前或之后(而不是添加到当前元素的子节点中)

  insertAfter()方法和insertBefore()方法:用于修改文档,将一个选择集中的元素插入到另外一个选择集中的元素之前或之后

  wrap()方法、wrapAll()方法和wrapInner()方法:用于将一个或多个元素包装在另外的元素中。

7.replaceWith()方法可以替换元素及元素的内容。

  replaceAll()方法接收的参数是一个选择器,而不是一个字符串参数。

 例:$('input #temquote2').click(

     function(){

     $('p#emptext2').replaceAll(this);

}

)

8.clone()方法自动地假定我们想复制的内容是元素及其所有子节点。用于克隆(复制)内容。

9.each()方法用于代替佛for循环语句完成遍历数组或列表的功能,each()方法使用一个回调函数来检查数组中的每一个元素。

 在each()方法迭代函数中使用return语句即可。要停止迭代只需在return语句中返回一个false,他的功能和break语句类型。 否则返回true,他的功能相当于continue。

10.过滤选择器。filter()方法中使用选择器或回调函数来过滤选择集中的元素。

      例:$(documnet).ready(

               function(){

                   $('li').filter('.george').addClass(‘dssd’);

               }

             );

     在上面的脚本中,选择器。george用于过滤选择集,它使选择集中仅包含类名为george的<li>元素,然后再将类名dssd添加到这些<li>中。

11.push()方法是将新的东西添加到数组当中。

   map()方法将一个选择集映射为一个新的集合。

12.$.makeArray(data) 将任何数据转换为一个真正的数组

     $.inArray(needle,haystack)  在haystack数组中查找指定元素的needle,返回第一次匹配时元素在数组中的索引。

     $.merge(fist,second)   将second数组合并到first数组中。

     $.unique(array) 从数组中移除重复的值

     get() 将一个选择集转换为一个数组

     concat()将两个数组连接为一个新数组

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,关于 jQuery 的事件,我可以和你分享一些学习笔记。 1. 绑定事件 在 jQuery 中,我们可以通过以下方式来绑定事件: ``` $(selector).event(function(){ // 事件处理程序 }) ``` 其中,`selector` 表示要绑定事件的元素,`event` 表示要绑定的事件类型,比如 `click`、`mouseover` 等等。事件处理程序则是在事件触发时要执行的代码块。 2. 多个事件绑定 我们可以通过 `on()` 方法来同时绑定多个事件: ``` $(selector).on({ event1: function(){ // 事件处理程序1 }, event2: function(){ // 事件处理程序2 } }) ``` 这样,当 `event1` 或 `event2` 中任意一个事件触发时,对应的处理程序都会被执行。 3. 解除事件 如果需要解除某个元素的事件处理程序,可以使用 `off()` 方法: ``` $(selector).off(event); ``` 其中,`event` 表示要解除的事件类型。如果不指定事件类型,则会解除该元素上所有的事件处理程序。 4. 事件委托 在 jQuery 中,我们可以使用事件委托来提高性能。事件委托是指将事件绑定到父元素上,而不是绑定到子元素上,然后通过事件冒泡来判断是哪个子元素触发了该事件。这样,当子元素数量较多时,只需要绑定一次事件,就可以监听到所有子元素的事件。 ``` $(selector).on(event, childSelector, function(){ // 事件处理程序 }) ``` 其中,`selector` 表示父元素,`event` 表示要绑定的事件类型,`childSelector` 表示要委托的子元素的选择器,事件处理程序则是在子元素触发事件时要执行的代码块。 以上是 jQuery 中事件的一些基本操作,希望对你有所帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值