jquery 的一般常用方法

jquery 查找字符串

你可以使用 jQuery 的 contains 方法来查找包含特定字符串的元素。下面是一个简单的例子:

<div id="myDiv">This is some text.</div>
<button id="myButton">Find Text</button>
$(document).ready(function() {
    
    
  $('#myButton').click(function() {
    
    
    var searchText = 'some';
    var matchingElements = $('#myDiv:contains(' + searchText + ')');
    matchingElements.css('background-color', 'yellow');
  });
});

这个例子中,当用户点击“Find Text”按钮时,将会在 #myDiv 元素中查找包含字符串 “some” 的文本,并将找到的所有匹配元素的背景色设置为黄色。

jquery 判断字符串中是否存在某字符串

你可以使用 JavaScript 的字符串方法 indexOf 来判断一个字符串中是否包含另一个字符串。通过使用 jQuery,你可以选择使用 $.inArray() 或者 $.grep() 方法来实现相同的检查功能,这些方法都返回一个布尔值。

  1. 使用 indexOf 方法:
var str = "Hello world!";
if (str.indexOf("world") !== -1) {
    
    
  // 'world' 在 'Hello world!' 中存在
}
  1. 使用 $.inArray() 方法:
var arr = ["Apple", " Banana", "Orange"];
if ($.inArray("Banana", arr) !== -1) {
    
    
  // 'Banana' 在数组中存在
}
  1. 使用 $.grep() 方法:
var arr = ["Apple", " Banana", "Orange"];
if ($.grep(arr, function(item) {
    
    
    return item === "Banana";
  }).length) {
    
    
  // 'Banana' 在数组中存在
}

以上三个例子都通过检查字符串/数组中是否存在指定的字符串,返回一个布尔值来判断它是否存在。

jquery 判断点击的是否是a标签

你可以使用 jQuery 的 $(this).is("a") 来检查当前点击事件是否是一个 a 标签。

当你注册点击事件的时候,$(this) 引用的是被点击的元素,使用 is() 方法检查这个元素是否是一个 a 标签,如果是,返回 true,否则返回 false

以下是一个示例代码:

$("body").on("click", function(event) {
    
    
  if ($(event.target).is("a")) {
    
    
    // 点击的是一个 a 标签
  }
});

代码中,我们注册了一个 body 元素上的点击事件,通过检查 event.target 元素是否是一个 a 标签来判断是否点击了一个 a 标签。

jquery 判断点击的是img标签

你可以使用 jQuery 的 $(this).is("img") 来检查当前点击事件是否是一个 img 标签。

当你注册点击事件的时候,$(this) 引用的是被点击的元素,使用 is() 方法检查这个元素是否是一个 img 标签,如果是,返回 true,否则返回 false

以下是一个示例代码:

$("body").on("click", function(event) {
    
    
  if ($(event.target).is("img")) {
    
    
    // 点击的是一个 img 标签
  }
});

代码中,我们注册了一个 body 元素上的点击事件,通过检查 event.target 元素是否是一个 img 标签来判断是否点击了一个 img 标签。

jquery 获取img的src值

你可以使用 jQuery 的 attr() 方法来获取 img 标签的 src 属性的值。以下是一个示例代码:

// 首先选择相应的 img 元素
var img = $("img");

// 使用 attr() 方法获取 img 的 src 属性
var src = img.attr("src");

// 输出 src 属性的值
console.log(src);

在上面的示例代码中,我们首先选择一个 img 元素,之后使用 attr() 方法来获取该元素的 src 属性。最后,我们将获取到的 src 属性的值输出到控制台。

你也可以在一个事件处理函数中获取 img 元素的 src 属性。例如,在一个单击事件的处理函数中,你可以使用以下代码获取 img 元素的 src 属性:

$("img").on("click", function() {
    
    
  var src = $(this).attr("src");
  console.log(src);
});

在上面的代码中,我们注册了一个 click 事件处理函数,当单击一个 img 元素时会执行该函数。函数内部使用 $(this) 来引用被单击的 img 元素,并使用 attr() 方法获取该元素的 src 属性。最后,我们将获取到的 src 属性的值输出到控制台。

jquery 去除字符串左右空格

你可以使用 jQuery 的 $.trim() 方法去掉字符串左右两边的空格。以下是一个示例代码:

var str = "  Hello, World!  ";

// 使用 $.trim() 方法去掉左右两边的空格
var trimmedStr = $.trim(str);

// 输出去掉空格后的字符串
console.log(trimmedStr);

在上面的示例代码中,我们首先定义了一个带有左右两边空格的字符串 str。然后,我们使用 $.trim() 方法去掉字符串左右两边的空格,并将结果保存在 trimmedStr 变量中。最后,我们将 trimmedStr 变量输出到控制台。

你也可以在表单提交之前使用该方法去掉用户输入的字符串中的空格。例如:

$("form").submit(function() {
    
    
  // 获取用户输入的字符串
  var input = $("input[name='myInput']").val();

  // 使用 $.trim() 方法去掉左右两边的空格
  var trimmedInput = $.trim(input);

  // 将去掉空格后的字符串重新赋值给 input 元素
  $("input[name='myInput']").val(trimmedInput);

  // 提交表单
  return true;
});

在上面的代码中,我们注册了一个表单提交事件处理函数。在该函数内部,我们首先使用 $() 方法获取用户输入的字符串,之后使用 $.trim() 方法去掉字符串左右两边的空格,并将结果保存在 trimmedInput 变量中。最后,我们使用 $().val() 方法将去掉空格后的字符串重新赋值给 input 元素,并返回 true 提交表单。

猜你喜欢

转载自blog.csdn.net/qq_27487739/article/details/131180632