jQuert核心(二)

CSDN话题挑战赛第1期
活动详情地址：https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f
参赛话题：Java学习记录

一、函数认识

jQuery([selector,[context]])

selector:用来查找的字符串

context:作为待查找的 DOM 元素集、文档或 jQuery 对象。

概述

怎么理解这两个参数  简单来说就是 选择器 选择 不同的对象 实现不同的功能或背景颜色或其他功能

准备HTML代码

    
        
111
        222
        333
    

示例

输出结果

1、console信息 显示在div标签下的p元素 只有一个 

2、下面的方法都是可以搭配css()方法的

1) 找到所有 p 元素，并且这些元素都必须是 div 元素的子元素。

举例一个css() add()

$("div > p").css("backgroundColor","red");    

$("div > p").add("span").css("backgroundColor","green") 

 2) 设置页面背景色。

//设置页面背景色。
$(document.body).css( "background", "brown" );

 

3)  隐藏一个表单中所有元素。

$(myForm.elements).hide()//隐藏一个表单中所有元素。

【javascript】 
 $("#butt_test").click(function (){
     $(myForm.elements ).hide(); //myForm.elements是myForm下所有子元素的集合
   });


--------------------------------
【HTML】
    

 

 4) 在文档的第一个表单中，查找所有的单选按钮(即: type 值为 radio 的 input 元素)。

【javaScript】

  $(function () {
           在文档的第一个表单中，查找所有的单选按钮(即: type 值为 radio 的 input 元素)。
           alert($("input:radio", document.forms[0]).val());
       })
-----------------------------------------------------------

【HTML】

 

5) 在一个由 AJAX 返回的 XML 文档中，查找所有的 div 元素。

 

字面意思 就是需要AJAX 需要JavaEE框架 创建Servlet才可以进行测试 

2022年5月17日22:51:30 睡觉 困困

//在一个由 AJAX 返回的 XML 文档中，查找所有的 div 元素。
$("div", xml.responseXML);